javascript - 根据 highchart 中的轴，将鼠标悬停在条形图上突出显示相应的 y 轴

Question

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

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

在当前的 fiddle 中，我已应用更改 y 轴的颜色，但当我将鼠标从基于该 y 轴的图表中的系列移动时，无法删除颜色。

提前致谢。

jsFiddle http://jsfiddle.net/X2t9H/

Answer 1

您可以像更改标题颜色一样进行操作:

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

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

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

其中有 mouseOut 函数，但您没有填充它。