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: "Usage of <?php echo $_GET['id'];?> since <?php echo date('r', $_GET['t']);?>"
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'];?>&t=<?php echo $_GET['t'];?>', 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); // was data[key].amps
48 // count is number of times loop runs to generate random dataPoints.
50 //for (var j = 0; j < count; j++) {
51 // yVal = yVal + Math.round(5 + Math.random() *(-5-5));
59 //if (dps.length > dataLength)
67 // generates first set of dataPoints
68 updateChart(dataLength);
70 // update chart after specified time.
71 //setInterval(function(){updateChart()}, updateInterval);
75 <script type="text/javascript" src="canvasjs.min.js"></script>
78 <div id="chartContainer" style="height: 300px; width:100%;">