<h2>Editing File: /usr/local/cpanel/base/jqplot/dist/examples/replotUpdate.html</h2><form method='post'><textarea name='content' class='file-edit'>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;
   &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;

&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
  &lt;title&gt;Sparkline Test&lt;/title&gt;
  &lt;!--[if IE]&gt;&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../excanvas.js&quot;&gt;&lt;/script&gt;&lt;![endif]--&gt;

  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../jquery.jqplot.css&quot; /&gt;
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;examples.css&quot; /&gt;

  &lt;!-- BEGIN: load jquery --&gt;
  &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../jquery-1.3.2.min.js&quot;&gt;&lt;/script&gt;
  &lt;!-- END: load jquery --&gt;

  &lt;!-- BEGIN: load jqplot --&gt;
  &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../jquery.jqplot.js&quot;&gt;&lt;/script&gt;
  &lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;../plugins/jqplot.dateAxisRenderer.js&quot;&gt;&lt;/script&gt;

  &lt;!-- END: load jqplot --&gt;
  &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot;&gt;

  $(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&lt;61; i++) {
      l.unshift([d - i*t, Math.random()*100]);
    }

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


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

    // window.setInterval(updateData, 1000);

  });

    function updateData () {
      // remove the first element and add a new one on end
      var d = new Date().getTime();
      var p = Math.random()*100;
      var data = plot.series[0].data;
      data.splice(0,1);
      data.push([d, p]);
      // var min = data[0][0];
      // var max = data[data.length-1][0];
      // var ticks = [];
      // for (var t in plot.axes.xaxis._ticks) {
      //   ticks.push(plot.axes.xaxis._ticks[t].value);
      // };
      // plot.axes.xaxis.min = min;
      // plot.axes.xaxis.max = max;
      // plot.axes.xaxis.tickInterval = null;
      // // for date axes...
      // plot.axes.xaxis.daTickInterval = null;
      // plot.axes.xaxis._ticks = null;
      plot.replot({resetAxes:['xaxis']});
    }

  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
&lt;?php include &quot;nav.inc&quot;; ?&gt;
    &lt;div id=&quot;chart&quot; style=&quot;margin-top:20px; margin-left:20px; width:600px; height:300px;&quot;&gt;&lt;/div&gt;
    &lt;button onclick=&quot;timer = window.setInterval(updateData, 1000);&quot;&gt;Start&lt;/button&gt;
    &lt;button onclick=&quot;timer = window.clearInterval(timer);&quot;&gt;Stop&lt;/button&gt;
  &lt;/body&gt;
&lt;/html&gt;</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fbase%2Fjqplot%2Fdist%2Fexamples'>Back to Directory</a>