Highcharts动态更改切片

Question

我差点把这个小提琴弄得像我想要的那样;但是，我有一个奇怪的鼠标问题，我一直无法弄清楚。当您单击切片时 - 再次单击它时会将其变为绿色（活动） - 它会将其变为灰色（不活动）。问题在于，当您单击它然后慢慢地将鼠标移离切片时 - 它会将颜色重置为灰色。如果你快速移动鼠标 - 它会保持绿色。

它似乎只在第一次mouseout上执行。我错过了什么？

plotOptions: {
        pie: {
            states: {
                hover: {
                    enabled: false
                }
            },
            point: {
                events: {
                    click: function() {
                        if(!this.active) 
                            this.graphic.attr({ fill: '#00FF00' });
                        else
                            this.graphic.attr({ fill: '#CCCCCC' });
                        this.active = !this.active;
                    },
                }
            }
        }
    },

http://jsfiddle.net/r6p7E/3/

Answer 1

即使你禁用了悬停状态，Highcharts仍然会在点对象上留下一些默认的mouseOut行为。

您可以在创建图表后完成杀死它：

       events:{
            load: function()
            {
                var seriesPoints = this.series[0].points;
                for (var i = 0; i < seriesPoints.length; i++){
                    seriesPoints[i].onMouseOut = function(){};
                }
            }
        }

小提琴here。