5 <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>
6 <script type="text/javascript">
7 window.onload = function () {
9 var dps = []; // dataPoints
11 var chart = new CanvasJS.Chart("chartContainer",{
13 text: "Live Power <?php echo $_GET['id'];?>"
16 valueFormatString: " ",
26 var updateInterval = 5000;
27 var dataLength = 60; // number of dataPoints visible at any point
29 var updateChart = function (count) {
31 $.getJSON('http://192.168.5.205:8000/power.php?id=<?php echo $_GET['id'];?>', function(data) {
32 for (var key in data) {
33 //console.log(data[key].amps);
34 var time = parseInt(data[key].time);
35 var amps = parseFloat(data[key].amps);
47 // count is number of times loop runs to generate random dataPoints.
49 //for (var j = 0; j < count; j++) {
50 // yVal = yVal + Math.round(5 + Math.random() *(-5-5));
58 //if (dps.length > dataLength)
66 // generates first set of dataPoints
67 updateChart(dataLength);
69 // update chart after specified time.
70 setInterval(function(){updateChart()}, updateInterval);
74 <script type="text/javascript" src="canvasjs.min.js"></script>
77 <div id="chartContainer" style="height: 300px; width:100%;">