Highcharts:悬停时改变系列颜色;在mouseOut上恢复原始颜色

时间:2013-07-02 17:34:27

标签: colors highcharts mouseover

我的问题类似于this one,但我的图表对每个系列都有不同的颜色。我想要实现的是在mouseOver上将一系列颜色“突出显示”为某种颜色(例如#0000FF),然后在mouseOut处恢复为原始颜色。该问题中提供的解决方案在此处不起作用,因为该系列具有不同的颜色。我的情况的一个示例是here,其中解决方案建议另一个问题是修改系列事件:

plotOptions: {
            series: {
                events: {
                    mouseOver: function() {                      
                        this.graph.attr('stroke', '#0000FF');
                        $report.html('Moused over: ' + this.name)
                        .css('color', 'green');
                    },
                    mouseOut: function() {
                        this.graph.attr('stroke', '#C0C0C0');
                        $report.html('Moused out')
                        .css('color', 'red');
                    }
                }
            }
    },

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

使用this.color返回原始颜色时,请参阅:http://jsfiddle.net/3bQne/275/