1

series.addPoint (オブジェクトオプション、[Boolean redraw]、[Boolean shift]、[Mixed animation])

      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
            }

9:00~18:00などx軸固定の範囲でデータを動的に更新したいのですが、再描画が発生するとx軸の最大値が大きくなってしまいます。株価チャートは株価を動的に表示します。

( http://finance.yahoo.com/echarts?s=FB+Interactive#symbol=fb;range=1d;compare=;indicator=volume;charttype=area;crosshair=on;ohlcvalues=0;logscale=off;ソース=未定義;)

私のコード: http://jsfiddle.net/cruelcage/ny43Z/

誰かが私を助けることができますか?

4

1 に答える 1

3

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/

于 2013-09-26T07:57:57.900 に答える