javascript - 如何在 Highcharts 中保持 x 轴最大值不变？

Question

series.addPoint(对象选项，【 bool 重绘】，【 bool 移位】，【混合动画】)

      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/

谁能帮帮我？

Answer 1

您可以告诉 highcharts 在 y 轴上绘制的最小值和最大值:

 yAxis: {
            min:0,
            max:1,

查看更新示例 http://jsfiddle.net/2ghdH/ .

Yoo 也可以在 x 轴上做同样的事情:

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

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

http://jsfiddle.net/nV8cu/