基于高亮度图中的轴,在鼠标悬停条形图上突出显示相应的y轴

时间:2014-07-10 10:01:59

标签: javascript jquery charts highcharts

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

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

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

先谢谢。

jsFiddle http://jsfiddle.net/X2t9H/

1 个答案:

答案 0 :(得分:1)

您可以像标题颜色更改一样:

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

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

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

你有mouseOut功能,但你没有填充它。