Question

我在散点图Highchart上重复使用AddPoint来显示一些数据演变，使用

setinterval()

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

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

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

有没有办法避免抽搐？

Answer 1

那些＆＃34;抽搐＆＃34;来自Highcharts＆＃39;原生轴自动缩放。您可以修复xAxis，以便您的图表不再移动。例如，我设法让您的JSFiddle工作，为min: -15添加xAxis：

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

看到JSFiddle使用的不是＆＃34; twitches＆＃34;的 here

Answer 2

设置轴的极限后（根据@ Kabulan0lak的答案），我发现通过跟踪最大幅度的数据值然后重新设置最大和最小限制，我可以单轴增加正轴和负轴限制。使用setExtremes（manual）手动修改轴。

e.g。 chart.xAxis[0].setExtremes(min_x,max_x);

更新了jsfiddle：http://jsfiddle.net/dhigger/qfxe87tr/3/

防止Highchart重绘抽搐

2 个答案: