ハイチャート - 表示された情報を切り替えるためのドリルアップイベント

Question

これを考慮してください - https://jsfiddle.net/prashu421/5Lzskkwg/1/ 私はドリルダウンするときに棒グラフにドリルダウンするパイチャートを持っています。静的テーブルが1つしか使用されていない場合は問題ありません。

しかし、私は別のパイの選択に基づいて別のテーブルを表示したいと思います。 私は3つのスライスA、B、Cを持つパイがあり、対応する棒グラフX、Y、Zとテーブル1,2,3が存在し、A、Y、2をクリックするとXと1が表示されますB、Z、C on 3

私は首尾よくドリルダウンすることができますが、私はドリルアップできません。事前に

events: { 
      drilldown: function(e) { 
      if(e.point.name == 'Chrome'){ 
       var tableToggle = 1; 
       exampleTable1.toggle(); 
       } else { 
       var tableToggle = 2; 
       exampleTable2.toggle(); 
       } 
        }, 
      drillup: function() { 
       if(tableToggle == 1){ 
       exampleTable1.toggle(); 
       } else { 
       exampleTable2.toggle(); 
       } 
      } 
     } 

おかげ -

は、ここで私はとの問題を抱えているコードです。

Answer 1

あなたはここで、このバイオリンを参照することができます - https://jsfiddle.net/Lyzy0syd/

、以下のコードで

 events: { 
     drilldown: function(e) { 
     if(e.point.name == 'Chrome'){ 
      tableToggle = 1; 
      exampleTable1.toggle(); 
      } else { 
      tableToggle = 2; 
      exampleTable2.toggle(); 
      } 
       }, 
     drillup: function() { 
      if(tableToggle == 1){ 
      exampleTable1.toggle(); 
      } else { 
      exampleTable2.toggle(); 
      } 
     } 
    }