Multiple y - axis - CanvasJS

Multiple y - axis - CanvasJS

HTML

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

JavaScript

window.onload = function () {
var dataPoints = [{y: 0}];


	var chart = new CanvasJS.Chart("chartContainer",{
		zoomEnabled: true,
		title :{
			text: "Chart using Text File Data"
		},
		axisY:{
			includeZero: false
		},
		data: [{
			type: "line",
			dataPoints : dataPoints,
		}]
	});
	chart.render();

	var x = 0;
	var i = 0;
var  updateChart1 = function () 
{
$.get("/export/home1/dynamic_graph/canvas/testgraph.txt", function(data) {
	var allLines = data.split('\n');
	if(allLines.length > 0) {
		for(; i< allLines.length && allLines[i]>0; ) {
			dataPoints.push({x: x , y: parseInt(allLines[i])});
			x += 1;
			i += 1;
			//chart.options.title.text = "Value of i:" + i;
		}

	}
}
);


	chart.render();


};


setInterval(function(){updateChart1()}, 2000);



}