而我这次做的是趋势图,涉及到动态刷新,做的过程还是花了一番功夫的,也补充和巩固了一点js的知识,为了纪念,把过程记录一下:

首先,是引入HIghcharts绘图相关的js文件和jQuery.js。

接下来,把HIghcharts动态刷新的格式拷贝并作修改:

$(function(){
    $(document).ready(function() {
      Highcharts.setOptions({
        global: {
          useUTC: false//是否使用世界标准时间        }
      });
      var chart;
      chart = new Highcharts.Chart({
        chart: {
          renderTo: 'container',
          type: 'spline',
          marginRight: 10,
          events: {
            load: function() {
               var series = this.series;
               setInterval(function() {
                 var result = reload();
                 var x = result.time;
                 for(var i=0; i<series.length; i++) {
                   var y = result.y[i];
                   series[i].addPoint([x, y], true, true);
                 }
               }, 1000*5);
            }
          }
        },
        title: {
          text: 'ssssss'        },
        xAxis: {
          type: 'datetime',
          tickPixelInterval: 150        },
        yAxis: {
          title: {
            text: 'Value'          },
          plotLines: [{
            value: 0,
            width: 1,
          

相关文章: