File Manager

Editing File: /usr/local/cpanel/base/jqplot/dist/examples/replotUpdate.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Sparkline Test</title>

<script language="javascript" type="text/javascript" src="../jquery-1.3.2.min.js"></script>

<script language="javascript" type="text/javascript" src="../jquery.jqplot.js"></script>
  <script language="javascript" type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.js"></script>

<script type="text/javascript" language="javascript">

$(document).ready(function(){

// Set up simulated data from a live price feed for the past minute where data is coming in at every second.
    var t = 1000; // 1000 ms equals 1 second
    var d = new Date().getTime(); // create a new date at the current time.
    var p = Math.random() * 100;  // create a random price for right now.
    var l = [[d,p]];  // create an array to hold our data, mighty as well put in the current time, price while we're at it.

// loop 59 times to create random data for the past 59 seconds.
    for (var i=1; i<61; i++) {
      l.unshift([d - i*t, Math.random()*100]);
    }

// create a custom ticks array for the
    var ticks = [];
    for (var i=0; i<7; i++) {
      ticks.unshift(d - i*10*t);
    }

plot = $.jqplot('chart', [l], {
      axes: {
        xaxis: { padMin:1.0, padMax: 1.1, tickInterval: "10 seconds", renderer: $.jqplot.DateAxisRenderer, tickOptions:{formatString:"%H:%M:%S"} },
        yaxis: { tickOptions:{formatString:"$%.2f"}, min:0, max:100 }
      },
      series:[
        {showMarker:false}
      ]
    });

// window.setInterval(updateData, 1000);

});

</script>
  </head>
  <body>
<?php include "nav.inc"; ?>
    <div id="chart" style="margin-top:20px; margin-left:20px; width:600px; height:300px;"></div>
    <button onclick="timer = window.setInterval(updateData, 1000);">Start</button>
    <button onclick="timer = window.clearInterval(timer);">Stop</button>
  </body>
</html>

Back to Directory File Manager