定制时需要工具提示

时间:2019-02-22 06:37:51

标签: javascript highcharts

如果我在图表底部没有任何最小值,则不能正确显示,这意味着最小值低于最高值的1%,因此未在图表中显示。

如果我将该值转换为较高值的1%以上,则会显示出来。但是我需要显示实际值,而不是在工具提示上显示转换后的值。

请让我知道我们是否有办法实现这一目标![rt] 1

1 个答案:

答案 0 :(得分: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>

演示:

API参考: