Javascript 如何在highcarts中将鼠标悬停在堆叠标签上时添加工具提示

是否有任何方法可以向highcharts中的StackedLabel添加工具提示，如以下示例所示： 我有男性和女性作为堆栈名，我在图表底部显示它们。但是如果它们是长名称，我会添加省略号，在这种情况下，有没有办法在工具提示中看到悬停时的整个名称？ 小提琴：

代码：

---

Highcharts没有堆栈标签的内置工具提示，但您仍然可以为此创建自己的工具提示。将自定义事件添加到legendItem（例如mouseover和mouseout）并显示工具提示很简单

events: {
  load: function() {
    var stackLabels = this.yAxis[0].stacking.stackTotalGroup.element.children,
      somePoint = this.series[0].points[0],
      chart = this;

    for (let i = 0; i < stackLabels.length; i++) {
      stackLabels[i].addEventListener('mouseover', function() {
        // show custom tooltip
      });
    }
  }
}

事件：{
加载：函数（）{
var stackLabels=this.yAxis[0]。stacking.stackTotalGroup.element.children，
somePoint=this.series[0]。点[0]，
图表=这个；
for（设i=0；i

---

现场演示：

---

API:

Hi@user1234，您希望在这样的工具提示中显示什么？相关数据点还是只显示整个堆栈标签名称？@ppotaczek:是的，堆栈标签名称-因此我在长堆栈名称中添加省略号-我希望在工具提示中悬停时显示完整的长名称-这是可能的。我无法在HighCharts中直接找到它，因此我不确定如何实现它。@ppotaczek-感谢您的帮助，但是有没有一种方法我只能显示堆栈的名称，而不能显示整个系列的信息。因此，目前在上面的小提琴我可以看到所有列信息，但没有堆栈名称，即：“男”“女”。知道如何实现吗？嗨@user1234，很抱歉误解了，在Highcharts中默认情况下这是不可能的，您需要使用大量自定义代码。请检查此示例：

events: {
  load: function() {
    var stackLabels = this.yAxis[0].stacking.stackTotalGroup.element.children,
      somePoint = this.series[0].points[0],
      chart = this;

    for (let i = 0; i < stackLabels.length; i++) {
      stackLabels[i].addEventListener('mouseover', function() {
        // show custom tooltip
      });
    }
  }
}