在定制中需要工具提示

Question

如果我在图表的底部有任何最小值，则表示它没有正确显示。这意味着最小值低于最高值的1％，它没有显示在图表中。

如果我将该值转换为高于该值的1％，则显示该值。但我需要在工具提示中显示实际值而不是转换后的值。

如果我们有任何方法可以实现这一点请告诉我] 1

Answer 1

您可以使用tooltip.formatter自定义工具提示内容。在点对象属性中保存正确的值（示例中为realValue），然后在tooltip.formatter中使用它。检查下面发布的演示和代码。

码：

Highcharts.chart('container', {
  tooltip: {
    formatter: function() {
      var text = 'The value for <b>' + this.x +
        '</b> is <b>';

      if (this.point.realValue) {
        text += this.point.realValue + '</b>'
      } else {
        text += this.y + '</b>'
      }

      return text;
    }
  },
  series: [{
    data: [
      43934,
      52503,
      {
        realValue: 10000,
        y: 50000,
        color: 'red'
      },
      69658,
      97031,
      119931,
      137133,
      154175
    ]
  }],
});

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

演示：

• https://jsfiddle.net/BlackLabel/pyt4w819/

API参考：

• https://api.highcharts.com/highcharts/tooltip.formatter