Highchart现场直播2张图-移位故障

Question

我使用实时Highchart和2个实时图表。图表应该一次只显示5个数据点。因此是shift-参数

 var series1 = chart.series[0];
 shift1 = series1.data.length > 5;       
 series1.addPoint(point1, true, shift1);

因此，当点6到达时，点1被丢弃。但当我停用一个系列一段时间后...在再次启用它之后...没有任何变化。

http://www.abload.de/img/errorh5kko.jpeg

我用jsfiddle把它复制给你了。

http://jsfiddle.net/yeDYr/1/

因此，无论启用还是禁用，这两个实况图都应该进行移位。

Answer 1

在我看来像是Highcharts中的一个bug。作为一种解决方法，只需对该系列执行.show()命令，然后对其执行hide()命令(如果需要)。Highcharts似乎能够做到这一点，而不会出现任何明显的闪烁。

// the button action
$('#button1').click(function() {

    var point1 = Math.random() * 10;
    var point2 = Math.random() * 10;

    var series1 = chart.series[0];
    shift1 = series1.data.length > 5;

    isVisible = series1.visible;
    if (!isVisible) series1.show();
    series1.addPoint(point1, true, shift1);
    if (!isVisible) series1.hide();

    var series2 = chart.series[1];
    shift2 = series2.data.length > 5;

    isVisible = series2.visible;
    if (!isVisible) series2.show();
    series2.addPoint(point2, true, shift2);
    if (!isVisible) series2.hide();
});

已更新fiddle。