悬停时,将自定义工具提示添加到Highcharts中的Legend

时间:2014-10-29 08:51:25

标签: jquery highcharts tooltip legend

我正在尝试使用内置工具提示(或自定义内容,不需要内置)向我的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的解释)。我希望我的问题表达有意义,但如果没有,请告诉我,我会更加清楚。

非常感谢提前。

0 个答案:

没有答案