highchart/highstock 工具提示在缩放后不调整

Question

我正在使用 highstocks 来策划一个系列。当使用显示point.y 的工具提示点格式时，工具提示在缩放时不会重新调整，因此如果您在图表的中间放大，图表应始终从 0 开始，但工具提示显示图表未缩放时的 y 轴值.

如果我选择显示point.change，它会在缩放时重新调整，但总显示错误。例如，最后一点（2017-12-28）是否应该显示 320.59%，而当使用point.change 时，它显示为 318.78%（这是错误的）。

如何解决，以便工具提示点格式在缩放时重新调整？我在plotOptions {} 中使用compare: 'value'，因此缩放时图表从0 开始。

请看小提琴： http://jsfiddle.net/cabvvpze/2/

Answer 1

point.change 是使用第一个 non-null 和 non-zero 值 (https://api.highcharts.com/highstock/series.line.compare) 计算得出的。当图表未缩放时，满足此条件的第一个值是 ~1.81（第二点） - 一切都使用此值作为基线完成。

系列在compareValue 属性中保存有关此特定值的信息 - 它可以在tooltip.pointFormatter 中使用以实现所需的结果。

如果图表没有缩放（可以通过检查chart.resetZoomButton是否初始化来判断）在tooltip中打印series.compareValue + point.change。否则使用point.change。

  pointFormatter: function() {
    var series = this.series,
      chart = series.chart;

    return '<span style="color:{' + series.color + '}"></span>' + ((!chart.resetZoomButton ? series.compareValue : 0) + this.change) + '%<br/>';

  }

现场演示： http://jsfiddle.net/kkulig/32kuokhb/

API 参考： https://api.highcharts.com/highstock/tooltip.pointFormatter