Generating DataPoints in a loop
Calculate the data points in a loop and then push in data array.
HTML
<script type="text/javascript" src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
JavaScript
var limit = 12
; //increase number of dataPoints by increasing this
var y = 0;
var x=0;
var data = []; var dataSeries = { type: "line" };
var dataPoints = [];
for (var i = 0; i < limit; i += 1) {
//y = 1000*(0.5/(50*0.6))* (Math.exp(-((6)/(50*0.6)*x)));
y = 1/2*(x*x)
dataPoints.push({
x: x,
y: y
});
x+= 0.5;
}
dataSeries.dataPoints = dataPoints;
data.push(dataSeries);
var chart = new CanvasJS.Chart("chartContainer",
{
zoomEnabled: true,
title:{
text: "Generating DataPoints in a loop"
},
axisX:{
//minimum: 0,
//maximum: 300 ,
valueFormatString:"0.00"
},
data: data,
});
chart.render();