Question

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

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

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

Answer 1

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

Series在compareValue属性中保存有关此特定值的信息 - 可以在tooltip.pointFormatter中使用它来获得所需的结果。

如果图表未缩放（可以通过检查chart.resetZoomButton是否已初始化来确定），请在工具提示中打印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

变焦后，highchart / highstock工具提示无法调整

1 个答案: