2013-09-26 38 views
1

series.addPoint(对象的选择,[布尔重绘],[布尔移],[混合动画])如何在Highcharts中保持x轴最大值不变?

 chart: { 
       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.round(Math.random() * 100); 
          series.addPoint([x, y], true, false, true); 
         }, 1000); 
        } 
       } 
      }, 
      xAxis: { 
       maxPadding: 1 
      } 

欲动态更新在一个固定的x轴的范围的数据,例如9:00到18:00,但是当重绘发生时,x轴的最大值会增加,我该如何保持该值不变?就像股票图表动态显示股票价格。

http://finance.yahoo.com/echarts?s=FB+Interactive#symbol=fb;range=1d;compare=;indicator=volume;charttype=area;crosshair=on;ohlcvalues=0;logscale=off;source=undefined;)

我的代码:http://jsfiddle.net/cruelcage/ny43Z/

有人可以帮助我吗?

回答

3

你可以告诉highcharts什么的最小值和最大值为Y轴曲线:

yAxis: { 
      min:0, 
      max:1, 

请参阅更新的例子http://jsfiddle.net/2ghdH/。你的答案

var end = (new Date()).getTime()+100000; 

xAxis: { 
      type: 'datetime', 
      tickPixelInterval: 150, 
      maxPadding :1.5, 
      max:end 
     }, 

http://jsfiddle.net/nV8cu/

+0

THX,我有很大帮助:

柳可以做同样的在x轴的! – cruelcage