Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
    {

      title:{
        text: "PERFORMANCES CUMULÉES - NET B EN EUR *",
      },
      axisX:{  
        valueFormatString: "MM/YY",
      },

      axisY: {
        valueFormatString: "0%",
        interval: 0.30,
        gridThickness: 0
      },
      
      data: [
      {        
        type: "line",
        showInLegend: true,
        markerType: "square",
        legendText: "FONDS",
        lineThickness: 2,
        dataPoints: [
        { x: new Date(2006, 04, 30), y: 1 },
        { x: new Date(2012, 05, 29), y: 2 },
        { x: new Date(2014, 05, 30), y: 3 },
        { x: new Date(2016, 05, 30), y: 4 },
        { x: new Date(2017, 07, 03), y: 5}
        ]
      }
      ]
    });

chart.render();