在 Y 轴而不是列中的任意位置悬停时显示工具提示

【问题标题】：Show tooltip on hovering anywhere in Y axis insted of column在 Y 轴而不是列中的任意位置悬停时显示工具提示
【发布时间】：2021-05-01 16:42:07
【问题描述】：

Example Chart Image

我想在其附近的任何地方悬停时将 Approval Count 的工具提示显示为 0，这可以使用 highcharts 吗？

【问题讨论】：

检查这个answer - 如果它不能按你的需要工作，edit 你的问题并添加你到目前为止的代码。阅读如何创建minimal reproducible example。

标签： highcharts highcharts-ng

【解决方案1】：

您可以将此特定列呈现为虚拟点 - 全范围和透明颜色以显示它的工具提示。

Highcharts.chart('container', {

  chart: {
    type: 'bar'
  },

  yAxis: {
    max: 10
  },

  tooltip: {
    formatter(tooltip) {
      if (this.point.isEmpty) {
        return 'Null';
      }
      return tooltip.defaultFormatter.call(this, tooltip);
    }
  },

  series: [{
    data: [{
      x: 0,
      y: 2
    }, {
      x: 1,
      y: 3
    }, {
      x: 2,
      y: 10,
      color: 'transparent',
      isEmpty: true
    }, {
      x: 3,
      y: 8
    }, {
      x: 4,
      y: 2
    }]
  }]
});

演示：https://jsfiddle.net/BlackLabel/ef8sj4no/

API：https://api.highcharts.com/highcharts/tooltip.formatter

【讨论】：