Highcharts：スライスアニメーション

Question

なし円グラフ部分の色を変更は、次のシナリオを検討し

1. 私はすでにスライスされたセクションと円グラフの次のフィドルを持っています。任意のセクション（任意の回数）を選択/クリックオン https://jsfiddle.net/amrutaJgtp/j2t0gdjt/4/

   series: [{ 
       data: [ 
        { 
        name: 'Jan', 
        y: 29.9, 
        sliced:true 
        }, 
       { 
        name: 'Feb', 
        y: 71.5, 
        sliced:true 
   
        }, 
       { 
        name: 'Mar', 
        y: 106.4, 
        sliced:true 
   
        }, 
       { 
        name: 'Apr', 
        y: 100, 
        sliced:true 
   
       } 
       ], 
       slicedOffset:20 
   }] 
   

2. 、私は選択色と元の色

3. 間の部分の色を切り替えたいしかし、私はしないでください元の（0,0）の位置に復元するセクション。それはクリック/選択時にスライスしたままにする必要があります

これを行う方法はありますか？

Answer 1

point.events.unselectを使用し、point.slice(true)に電話することをお勧めします。このようなもの：https://jsfiddle.net/j2t0gdjt/9/

plotOptions: { 
     pie: { 
      allowPointSelect: true, 
      states: { 
       select: { 
        color: '#ff0000' 
       } 
      }, 
      point:{ 
       events:{ 
        unselect: function(event) { 
         this.slice(true); 
        } 
       } 
      } 
     } 
    }, 

Answer 2

あなたが最初に選択するためにクリックイベントを使用し、それが後にスライスされていることを確認できた（JSFiddle）：

plotOptions: { 
    pie: { 
     point:{ 
      events:{ 
       click: function(event) { 
        this.select(!this.selected, true); 
        this.slice(true); 
        return false; 
       } 
      } 
     } 
    } 
} 

このアプローチは、残念ながら蓄積した選択を使用していない場合は非常にうまく機能しません。スライスイベントとそれに続くselectイベントを無効にする方法を見つける方が良いでしょう。