javascript - Highcharts 轴悬停

Question

我正在研究它，当悬停 y 轴时更改条形图的颜色。在图表中，我有两张折线图和一张条形图，并有三个 y 轴。

y 轴[0] -- 条形图 y 轴[1] -- 折线图 1 y 轴[2] -- 折线图 2

当我将鼠标悬停在 y 轴[0]上时，我想分别更改条形图的颜色。

我尝试了什么

对于这个过程，我不知道如何获取我悬停的轴。所以我无法继续前进。

fiddle fiddle

提前致谢

Answer 1

您可以使用customEvents将事件附加到标签的插件。然后您可以更新每列的填充，请参阅第一列的演示:http://jsfiddle.net/6pLkv/5/

当您使用axis.series时，那么在系列数组中，您只有一个系列连接到该轴。您不必担心索引等。

            labels: {
                formatter: function() {
                    return this.value +' mm';
                },
                style: {
                    color: '#4572A7'
                },
                events: {
                    mouseover: function () {
                        this.axis.series[0].data[0].graphic.attr({
                            fill: 'red' 
                        });
                    },
                    mouseout: function() {
                        this.axis.series[0].data[0].graphic.attr({
                            fill: 'blue' 
                        });
                    }
                }
            },