Setting dynamic maximum and minimum to chart - CanvasJS

Setting dynamic maximum and minimum to chart - CanvasJS

by canvasjs

HTML

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

JavaScript

function dataGenerator(){
	var dataPoints = [];
  for( var i  = 0; i < 1000 ; i++ ) {
    c = Math.random();
    dataPoints.push( { y: c * 5 } );
  }
  return dataPoints;
}

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

	},
	data: [
	{
		type: "line",
		dataPoints: dataGenerator()
	}
	]
});
chart.render();
var min = chart.axisX[0].get("minimum");
var max = chart.axisX[0].get("maximum");
var interval = chart.axisX[0].get("interval");
chart.axisX[0].set("minimum", min - interval / 4, false);
chart.axisX[0].set("maximum", max + interval / 4);