javascript - 如何在 highcharts 上只显示最后一个数据点？

Question

我有一个多折线图，每天(或更多)会动态更新。我知道开始日期和结束日期(将持续 2 个月)。

我只想显示最后一个数据条目的点，而不是旧的。基本上，我希望我的系列看起来像这样:http://jsfiddle.net/jlbriggs/JVNjs/281/

数据:[7,12,16,32,{y:64,marker:{enabled:true,radius:5,fillColor:'#c00'}}]

或者更准确地说，像这样:http://i.stack.imgur.com/FpQF1.jpg

问题是我的图表在一天中更新了几次。所以我想在正确的一天显示最后更新的数据并且只显示最后一点。我尝试使用“lenght - 1”来选择该系列的最后数据，但它没有用，因为我不是 JS 专家。

有办法吗？谢谢，如果需要，请寻求更好的解释。我不确定我是否很清楚。

Answer 1

您可以将标记添加到最后一个点，然后在 setInterval 中从中移除并添加到新点。

load: function () {

                // set up the updating of the chart each second
                var series = this.series[0],
                    len = series.data.length;

                //set marker on last point
                series.data[len - 1].update({
                    marker: {
                        enabled: true
                    }
                });


                setInterval(function () {
                    var x = (new Date()).getTime(), // current time
                        y = Math.random();

                    len = series.data.length;

                    series.data[len - 1].update({
                        marker: {
                            enabled: false
                        }
                    }, false);

                    series.addPoint({
                        x: x,
                        y: y,
                        marker: {
                            enabled: true
                        }
                    }, true, true);
                }, 1000);
            }

示例:http://jsfiddle.net/rjpjwve0/