javascript - Highcharts:如何使系列免于重绘缩放计算？

Question

在此jsfiddle每次切换系列的可见性时，图表都会有很好的缩放效果。

但是当我添加 UpperLimit 系列时，这种效果会丢失，因为该系列具有最低和最高的 x 值。

如何使图表放大我选择的系列并防止其他系列影响缩放边界？

{
    name: 'UpperLimit',
    color: '#FF0000',
    dashStyle: 'ShortDash',
    showInLegend: false,
    //affectsZoomBox: false, //No such thing :(
    data: [
        [1, 100], 
        [10, 100]
    ]
},

Answer 1

我认为使用该系列的配置是不可能的。但是，如果您愿意进行一些修改，则可以从轴极值的计算中排除一个或多个系列:

chart.xAxis[0].oldGetSeriesExtremes = chart.xAxis[0].getSeriesExtremes;
chart.xAxis[0].getSeriesExtremes = function() {
    var axis = this;
  var originalSeries = axis.series;
    var series = [];

  for (var i = 0; i < originalSeries.length; i++) {
    // Filter out the series you don't want to include in the calculation
    if (originalSeries[i].name != 'UpperLimit') {
        series.push(originalSeries[i]);    
    }
  }
    axis.series = series;

  axis.oldGetSeriesExtremes();

  axis.series = originalSeries;
}

代码展示了如何覆盖轴对象上的getSeriesExtremes函数。该方法被替换为一个包装器，该包装器删除应排除的系列，然后调用原始函数，然后将原始系列恢复到轴。

这显然是一次黑客攻击。但是，它可以在我的机器上运行...