HighCharts:悬停时突出显示整个系列,退出时恢复状态

Question

当我将鼠标悬停在柱形图中时,我会尝试突出整个系列.由于所需图表的性质,所有列都是并排设置的.

我通过在系列上使用mouseOver和mouseOut部分成功完成了这项操作,但是当它悬停到同一系列的下一个元素时它不起作用.整个系列应保持突出显示,但如果在同一系列中徘徊,我无法禁用mouseOut.

我尝试通过这段代码:

        series: [
            {
                events: {
                mouseOver: function() {
                    for(var i=0; i<this.data.length; i++)
                    {
                        this.data[i].setState('hover');
                    }

                },
                mouseOut: function(){

                    for(var i=0; i<this.data.length; i++)
                    {
                        this.data[i].setState('');
                    }
                }},

我把它放在jsFiddle中

当你悬停浅蓝色系列时,它会完全突出显示,但是当悬停到该系列中的下一个元素时,系列应该完全保持突出显示,但是我的过期元素会随机突出显示.

任何帮助赞赏

---

更新:

基于罗伯特提供的解决方案我添加了一点修改.通过在工具提示格式化程序事件中引入悬停状态的激活,mouseOver行为变得多余,我将其删除.

解决方案:jsFiddle

Answer 1

只是一点变化:

tooltip: {
            formatter: function() {
                for(var i=0; i<5; i++)
                    {
                        this.series.data[i].setState('hover');
                    }


                return '<b>'+ this.x +'</b><br/>'+
                    this.series.name +': '+ this.y +'<br/>'+
                    'Total: '+ this.point.stackTotal;
            }

工作小提琴:http://jsfiddle.net/robertrozas/9W8h4/