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

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

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

---

目前，工具提示仅显示在图表中的点上，我希望用户在x轴上的标签上悬停时也能看到工具提示/自定义说明。可能吗？谢谢，Highcharts通常不支持标签上的工具提示

但是，您有两种解决方案：

• 使用

  customevents

  plugin，在标签上添加事件：（演示时单击，鼠标悬停应与显示自定义工具提示相同）
• 使用一些插件（工具提示等），如下所示：

---

您可以使用格式化程序将标签设置为div。您可以将自己的jquery museOver事件写入其中

formatter: function(){
    return "<div class='myClass'> " + this.value + "</div>"
}

格式化程序：函数（）{
返回“+this.value+”
}

---

我希望这将帮助您

我想我找到了一个更简单的解决方案，它只涉及引导和JQuery

看

解决方案包括为小狗添加ID标签，然后在底部添加工具：

$('document').ready(function () { 
    $("#text_title").tooltip({placement: 'bottom', title:"HELLO TITLE!"});
    $("#label_one").tooltip({placement: 'bottom', title:"HELLO ONE!"});
    $("#label_two").tooltip({placement: 'bottom', title:"HELLO TWO!"});
});

---

示例还显示了如何向标题添加工具提示

谢谢罢工者，这将工作太多，但插件从Pawel似乎给了很多有用的功能，太！这是一个非常强大的答案，它可以工作，只是演示中的tooltipsy是从github加载的，github不久前禁用了直接从repo加载js。在脚本标签中查看加载工具提示的演示：@PawełFus somedirection意味着第一个插件-自定义事件在网站上不再可用。我建议不要使用任何由黑色标签制作的东西，因为现在大多数东西都不受支持，并且对于

Highcharts v6

及更高版本来说，它非常笨重（如果它能工作的话）。特别是如果您使用的是

@typings

。您好@SovietFrontier，谢谢您的留言。整个HygScript和一些黑标签插件都在迁移过程中，所以它们可以完全支持TyrScript。如果您在使用插件或Core Highcharts时遇到任何障碍或意见，如果您能向我们提供这些信息，以便我们能够改进和准备越来越适合我们客户需求的产品，那就太好了。