我正在尝试使用内置工具提示(或自定义内容,不需要内置)向我的Legends添加文本,但我无法让它工作。例如,我的一个传说被称为“热量产生”,当用户将鼠标悬停在该传奇上时,我需要一个工具提示来显示热量产生的含义。我有六个传说需要附加工具提示。
这个answer有点用,但是当我去
时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循环中的所有Legends并添加一个tooptip(包含一些隐藏div的解释)。我希望我的问题表达有意义,但如果没有,请告诉我,我会更加清楚。
非常感谢提前。