鼠标悬停在基于该轴的条形图上突出显示相应的 y 轴在 highchart答案

【问题标题】：Highlight the corresponding y axis on mouse overr over the bar chart based on that axis in highchart鼠标悬停在基于该轴的条形图上突出显示相应的 y 轴在 highchart
【发布时间】：2014-07-10 10:01:58
【问题描述】：

当将鼠标移到基于 y 轴创建的条形图上时，我正在处理它以突出 y 轴的过程。

我有办法根据“Highcharts 柱形图中点悬停上的粗体 X 轴标签”使 x 轴改变颜色，但无法应用此方法来改变 y 轴颜色或使其突出显示。

在当前的小提琴中，我已申请更改 y 轴的颜色，但当我将鼠标从图表中基于该 y 轴的系列中移动时无法移除颜色。

提前致谢。

jsFiddle http://jsfiddle.net/X2t9H/

【问题讨论】：

请创建一个你迄今为止尝试过的代码的小提琴！
已添加小提琴jsfiddle.net/X2t9H ，鼠标悬停时实现了更改轴标题颜色的过程，现在申请温度[轴]
所以看起来工作正常，我错了吗？
@SebastianBochan 在我将鼠标悬停在它上面时让它工作，但当我将鼠标移出它时它无法恢复。
为什么鼠标悬停时不能再次使用 update()？ jsfiddle.net/X2t9H/2（设置正确的颜色）

标签： javascript jquery charts highcharts

【解决方案1】：

您可以像更改标题颜色一样执行此操作：

chart.yAxis[0].update({
    title: {
        style: {
            color: 'red'
        }
    },
    lineColor: 'red',
    lineWidth: 1
});

编辑 - 要恢复颜色，请执行以下操作：

mouseOut: function () {
        chart.yAxis[0].update({
            title: {
                style: {
                    color: '#89A54E'
                }
            }
        });
}

你有 mouseOut 函数，但你没有填充它。

【讨论】：

您好，wergeld，感谢您的帮助，但我想要的是在将鼠标移出时移除颜色。即当鼠标悬停时改变颜色，当鼠标离开系列时恢复它
嗨，wergeld，有没有办法在将鼠标悬停在相应的系列上时实现这一点，即在条形图或折线图上以使相应的 y 轴改变颜色。
@logan 我很困惑——这就是它的作用。
嗨 wergeld，问题是当我使用 mouseover 和 mouseout 时，由于我的图表中的内容很大，更改颜色需要时间。这就是我在悬停时实现这一目标的原因（如工具提示）。