charts - ハイチャート 動的に変化するスライス

Question

このフィドルは、私が望むようにほとんど機能しています。ただし、理解できなかった奇妙なマウスアウトの問題があります。スライスをクリックすると - もう一度クリックすると緑色 (アクティブ) になり、灰色 (非アクティブ) になります。問題は、それをクリックしてからゆっくりとマウスをスライスから離すと、色が灰色にリセットされることです。マウスをすばやく離すと、緑色のままになります。

最初のマウスアウトでのみそれを行うようです。私は何が欠けていますか？

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(){};
                }
            }
        }

ここでフィドル。