jquery - 如何向 highcharts 中的 x 轴标签添加工具提示？

Question

如何向 highcharts 中的 x 轴标签添加工具提示？

xAxis: {
  categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'],
  labels: {
    x: 5,
    useHTML: true,
    formatter: function () {
      return categoryImgs[this.value];
    }
  }
}

目前，工具提示仅显示在图表中的点上，我希望用户将鼠标悬停在 x 轴上的标签上时也能看到工具提示/自定义描述。那可能吗？谢谢

Answer 1

一般来说，Highcharts 不支持标签上的工具提示。

但是你有两个解决方案:

• 使用Custom-events插件，在标签上添加事件:https://www.highcharts.com/products/plugin-registry/single/15/Custom-Events (演示有点击，鼠标悬停应该同样可以显示自定义工具提示)
• 使用一些插件(Tooltipsy等)，如下所示:http://jsfiddle.net/gW4p6/196/