微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决在列的 Y 轴任意位置悬停时显示工具提示

Example Chart Image

我想在悬停在其一般附近的任何地方时将批准计数的工具提示显示为 0,这可以使用 highcharts 吗?

解决方法

您可以将此特定列渲染为虚拟点 - 全范围和透明颜色以显示其工具提示。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。