Javascript HighCharts：悬停时突出显示整个系列，退出时恢复状态

当我在柱状图中悬停时，我试图突出显示整个系列。由于所需图表的性质，所有列并排设置，没有间距

我在这个系列中使用了mouseOver和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('');
                    }
                }},

系列：[
{
活动：{
mouseOver:function（）{
对于（var i=0；i您需要向每个系列添加事件，请参见此处

或在此：

$（函数（）{
var myCustomEvent={
鼠标悬停：函数（）{
过度经验指数=此指数；
对于（var i=0；i“+this.series.name+”：“+this.y+”
”+
“总计：”+this.point.stackTotal；
}
},
打印选项：{
专栏：{
点填充：0，
分组填充：0，
边框颜色：“白色”，
边框宽度：1，
堆叠：“正常”，
数据标签：{
启用：对，
颜色：（Highcharts.theme&&Highcharts.theme.dataLabelsColor）| |“白色”，
风格：{
textShadow:'0 0 3px黑色，0 0 3px黑色'
}
}
},
系列：{
点宽度：100
}
},
系列：[{
事件：myCustomEvent，
姓名：'约翰'，
数据：[5,3,4,7,2]
}, {
事件：myCustomEvent，
姓名：'简'，
数据：[2,2,3,2,1]
}, {
事件：myCustomEvent，
名字：'乔'，
数据：[3,4,4,2,5]
}]
});
});
只是一个小小的改变：

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;
            }

工具提示：{
格式化程序：函数（）{
对于（var i=0；iSteven，请检查我的答案……谢谢Sylvester，但我知道我需要将它们应用于所有系列。问题是，从系列的一个块移动到下一个块时，高亮显示的状态没有保持，这是您的解决方案无法解决的。@Steven您找到了解决方案吗？我看到了一些解决方案使用series ID.@Jyothu事实上是我做的，正如问题编辑中提到的。下面是一个工作示例。
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;
            }