javascript - 分割ドーナツ チャートの作成方法

Question

円グラフ/ドーナツ グラフを作成する必要があり、外側のリングがグラフの全周にわたって続いていません。

私は明らかにチャートを描くことができましたが、実際には内側と外側のスライスであっても、緑色のスライスを単一のユニットとして扱う必要があります.オンアウト):

plotOptions { series { point { events で、私はこれをやっています:

mouseOver: function () {                                            
    if (this.name == "") {
        this.options.oldColor = this.color;
        this.update({
            color: 'red'                                                                     
        });                                                
    }
},
mouseOut: function () {                                         
    if (this.options.oldColor != null && this.name == "") {
        this.update({
            color: this.options.oldColor
        });
}
}

ツールチップもオンにしておく必要があります...

何か案は？

Answer 1

解決済み - 以下のイベントを追加して、デフォルトの mouseOut 関数をクリアし、.graphic.attr を使用して変更を加えました。

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