【问题标题】:How to keep x-axis max value not changed in Highcharts?如何在 Highcharts 中保持 x 轴最大值不变?
【发布时间】:2013-09-26 07:33:21
【问题描述】:

series.addPoint(对象选项,[布尔重绘],[布尔移位],[混合动画])

      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/

有人可以帮我吗?

【问题讨论】:

    标签: javascript jquery highcharts


    【解决方案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/

    【讨论】:

    • 谢谢你的回答,帮了我很多忙!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多