Dynamic HTML5 Chart Example - CanvasJS

Dynamic HTML5 Chart Example - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var dataPoints = [];
var y = 0;
for( var i = 0; i < 20; i++ ) {
    dataPoints.push({ y : Math.random() * 10 + 5 });
}


var chart = new CanvasJS.Chart("chartContainer",
	{        
      data: [
      {
        type: "column",
        dataPoints: dataPoints
      }
      ]
    });

//You can also assign values as shown below.

//chart.options.data[0].dataPoints = dataPoints


 chart.render();