highcharts樣條1秒更新

你好，我試圖剛剛得到的例子highcharts樣條1秒更新圖工作。我以前使用過其他類似速度計的高級工具，但似乎無法實現這一功能。我的調試器說highcharts樣條1秒更新

$(...).highcharts

是不涉及到

data: (function() {

低於

的功能。感謝您的幫助

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> 

<script> 
$(function() { 
    $(document).ready(function() { 
     Highcharts.setOptions({ 
      global: { 
       useUTC: false 
      } 
     }); 

     var chart; 
     $('#container').highcharts({ 
      chart: { 
       type: 'spline', 
       animation: Highcharts.svg, // don't animate in old IE 
       marginRight: 10, 
       events: { 
        load: function() { 

         // set up the updating of the chart each second 
         var series = this.series[0]; 
         setInterval(function() { 
          var x = (new Date()).getTime(), // current time 
           y = Math.random(); 
          series.addPoint([x, y], true, true); 
         }, 1000); 
        } 
       } 
      }, 
      title: { 
       text: 'Live random data' 
      }, 
      xAxis: { 
       type: 'datetime', 
       tickPixelInterval: 150 
      }, 
      yAxis: { 
       title: { 
        text: 'Value' 
       }, 
       plotLines: [{ 
        value: 0, 
        width: 1, 
        color: '#808080' 
       }] 
      }, 
      tooltip: { 
       formatter: function() { 
         return '<b>'+ this.series.name +'</b><br/>'+ 
         Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) +'<br/>'+ 
         Highcharts.numberFormat(this.y, 2); 
       } 
      }, 
      legend: { 
       enabled: false 
      }, 
      exporting: { 
       enabled: false 
      }, 
      series: [{ 
       name: 'Random data', 
       data: (function() { 
        // generate an array of random data 
        var data = [], 
         time = (new Date()).getTime(), 
         i; 

        for (i = -19; i <= 0; i++) { 
         data.push({ 
          x: time + i * 1000, 
          y: Math.random() 
         }); 
        } 
        return data; 
       })() 
      }] 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> 
<script type="text/javascript" src="js/highcharts.js"></script> 
<script type="text/javascript" src="js/highcharts-more.js"></script 
</body> 
</html>

來源

2013-04-22 Psyllex

我得到它運行。看起來不知怎的，我的服務器上的highcharts.js文件被損壞了或什麼的。

來源

2013-04-23 01:41:32 Psyllex

所以現在所有的工作都正常嗎？ – 2013-04-23 08:05:20

yessir它呢！ – Psyllex 2013-05-16 20:22:36

highcharts樣條1秒更新

回答

相關問題