javascript - 在悬停系列名称高图上添加消息

Question

我试图在悬停系列名称时添加一条消息，但我找不到这样做的方法，这就是我想要发生的事情：

当用户将鼠标悬停在“所有您的位置”系列名称时，将出现红色框。至于现在我发现这样做的唯一方法是搜索 div 包含相同的单词，但这是一个非常糟糕的做法，我很确定有更好的方法来做到这一点.. 是否可以通过 highcharts 做到这一点？

Answer 1

您可以尝试将工具提示添加到图例项，如相关主题Add tooltip to legend in highcharts when hovering

Answer 2

像这样的弹出窗口不在图例的 Highchart API 中。壁橱里的东西是 Legend.ItemOnHover

legend: {
            itemHoverStyle: {
                color: '#FF0000'
            }
        }

但这真的只是样式它。

如果你小心的话，你目前的做法可能没问题。

Answer 3

我发现执行此弹出窗口的唯一方法是在构建图表的函数末尾添加此函数：

    var titles = $("tspan");
$("tspan").each(function(index) {
    if( (this.textContent.indexOf("cashiers data") !== -1) ){
        $(titles[index]).click(function(){
            alert('to use our new cashiers bars \n'
                 +'please contact us at our contact page');
            return false;
        })
    }
});