Highcharts - 将鼠标悬停在饼图中的切片上时更改颜色

Question

我有一个绿色的简单饼图，我想将切片颜色改为红色，一旦将鼠标悬停在它上面。我正在尝试使用API​​，但它不起作用......

这是jsfiddle：http://jsfiddle.net/TdKGW/4/

尝试通过states / hover方法执行此操作，但它不起作用：

            states: {
                hover: {
                    brightness: 0,
                    color: 'red'                        
                }
            }

关于我如何将切片悬停在（或鼠标悬停）上的任何想法都有红色填充？一旦你鼠标移动它会变回绿色。

由于

Answer 1

你可以在点上捕捉mouseOver事件并设置填充，然后捕捉系列的mouseOut，并通过设置默认值来恢复颜色。

plotOptions: {
            series: {
                states: {
                    hover: {
                        enabled: false
                    }
                },
                point: {
                    events: {
                        mouseOver: function () {
                            this.graphic.attr({
                                fill: 'red'
                            });
                        }
                    }
                },
                events: {
                    mouseOut: function () {
                        var serie = this.points;

                        $.each(serie, function (i, e) {
                            this.graphic.attr({
                                fill: '#CCCCCC'
                            });
                        });
                    }
                }
            }
        },

示例：http://jsfiddle.net/r6p7E/6/