javascript - 防止 Highchart 重绘抽搐

Question

我在散点 Highcharts 上反复使用 AddPoint 来显示一些数据演变，使用

setinterval()

当图表由于新数据点的存在而更新轴的范围时，图表有时会“抽搐”，因为数据分布不再围绕原点平衡:

http://jsfiddle.net/dhigger/qfxe87tr/

我想保持坐标轴的重新绘制以适应各种数据分布，所以一种解决方案是始终将原点保持在图形的中心，并将坐标轴的正负一起缩放，并且始终放大。但我看不出如何实现这些。

有没有办法避免抽搐？

Answer 1

那些“抽搐”来自 Highcharts 的原生轴自动缩放。您可以修复 xAxis，这样您的图表就不会再移动了。例如，我通过为 xAxis 添加 min: -15 设法让你的 JSFiddle 工作:

    xAxis: {
        plotLines: [{
            color: '#FA5858',
            width: 1,
            value: 0,
            zIndex: 2
        }],
        minRange: 30,
        min: -15,
        gridLineWidth: 1
    }

查看 JSFiddle 工作时没有“抽搐” here .