Php MySqL Dynamic Data - CanvasJs

Php MySqL Dynamic Data - CanvasJs

by canvasjs

HTML

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

JavaScript

var dataPoints = [];
	var iIndex=4;
	var jIndex=4;
	//$.getJSON("jsonData.json", function (data){
		for(var i=1; i<= 3; i++) {
			dataPoints.push({x:i,y:i});
		}
		var chart1 = new CanvasJS.Chart("chartContainer",{
			title :{
				text: ""
			},
			axisX: {
				title: "Time",
				interval:1,
			},
			axisY: {
				title: "Packets Drop",
				minimum: 0,
			},
			data: [{
				type: "column",
				indexLabelFontColor: "black",
				color: "red",
				dataPoints : dataPoints
			}]
		});
		chart1.render();
		
		var updateInterval = 2000;
		var updateChart = function () {
		var count=0;
			//var group_id=data[data.length-1].grpid+1;
			//$.getJSON("jsonData1.json", function (data){
				for(var i=0; i< 1; i++) {
					dataPoints.push({x:iIndex,y:jIndex});
					iIndex =iIndex+1;
					jIndex =jIndex+1;
				}
                if(dataPoints.length >= 4){
					dataPoints.shift();
				}
				chart1.render();
				
			//});
		};
		setInterval(function(){updateChart()}, updateInterval);
	//});