Jquery 悬停时向Highcharts中的图例添加自定义工具提示
我正在尝试使用内置工具提示或自定义工具提示将文本添加到我的图例中,它不必是内置的,但我无法让它工作。例如,我的一个图例称为“热生产”,当用户将鼠标悬停在该图例上时,我需要出现一个工具提示,说明热生产的含义。我有六个图例需要附加工具提示 这有点有用,但当我去Jquery 悬停时向Highcharts中的图例添加自定义工具提示,jquery,highcharts,tooltip,legend,Jquery,Highcharts,Tooltip,Legend,我正在尝试使用内置工具提示或自定义工具提示将文本添加到我的图例中,它不必是内置的,但我无法让它工作。例如,我的一个图例称为“热生产”,当用户将鼠标悬停在该图例上时,我需要出现一个工具提示,说明热生产的含义。我有六个图例需要附加工具提示 这有点有用,但当我去 item.text 。。。在“mouseover”函数的for循环中,所有图例都会获取最后一个图例的文本。这意味着我无法识别图例并添加要显示的文本。下面是上面答案中的代码,我的代码添加到console.log中: events: {
item.text
。。。在“mouseover”函数的for循环中,所有图例都会获取最后一个图例的文本。这意味着我无法识别图例并添加要显示的文本。下面是上面答案中的代码,我的代码添加到console.log中:
events: {
load: function () {
var chart = this,
legend = chart.legend;
for (var i = 0, len = legend.allItems.length; i < len; i++) {
var item = legend.allItems[i].legendItem;
item.on('mouseover', function (e) {
//show custom tooltip here
console.log(item.text);
}).on('mouseout', function (e) {
//hide tooltip
console.log(item.text);
});
}
}
}
总而言之:
如何获取for循环中的所有图例,并向其中添加一个包含某个隐藏div解释的tooptip。我希望我的问题表述是有意义的,但如果没有,请告诉我,我会尽量说得更清楚
非常感谢。