ハイチャート - ドリルダウン時にテーブルを適切に切り替える

Question

Webアプリケーションでは、棒グラフのドリルダウン時にいくつかの表データを表示しています。ドリルアップすると、関連するテーブルが消えます。

fiddle hereを確認してください。項目を個別にクリックすると、トグルが正常に機能しますが、複数の棒グラフを一度にドリルダウンすると、すべてが期待どおりに動作するわけではありません。

{   
     drilldown: function(e) { 
      this.update({ 
       xAxis: { 
       plotBands: [{ 
        color: '#FFF', 
        from: -0.5, 
        to: e.seriesOptions.data.length, 
        label: { 
        text: e.point.name, 
        align: 'center' 
        } 
       }], 
       } 
      }, true); 
      if(e.point.name == 'Started - F15'){ 
       minMaxData_15Fa.toggle(); 
      } 
     }, 

     drillup: function() { 
      this.update({ 
       xAxis: { 
        plotBands: [{ 
        from: 0, 
        to: 0, 
        }], 
       } 
      }, true); 

      if(tableToggle == 'F15'){ 
       minMaxData_15Fa.toggle(); 
      } 
     } 

フィドルのみ再現可能な例であり、私のアプリケーションは、誰が見て、私が間違っているのどこ私を修正することができ、約6これらの棒グラフの8が含まれます。

ありがとうございます。

Answer 1

テーブルトグルのステータスを格納する1つの変数を使用していることに気付かなかった場合は、ドリルダウンのソースが1つのみで、複数のドリルダウンインスタンスがあるため問題が発生するシナリオで動作する可能性があります。

これを確認してくださいhere、簡単な解決方法は、特定のテーブルの状態を一意の変数に維持することです。

var tableToggle15Sp; 
var tableToggle15Fa; 

ご不明な点がありましたらお知らせください。フィードバックを感謝します。