Highcharts - 在钻取项目时正确切换表格

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

如果您没有注意到您正在使用存储表切换状态的单个变量，则这可能适用于仅存在一个向下钻取源的情况，但您有多个向下钻取实例，因此存在问题。

检查这个小提琴here，一个简单的解决方案，我可以提出将维持特定表切换到唯一变量的状态，你应该是好的。

var tableToggle15Sp;
var tableToggle15Fa;

如有任何疑虑，请通知我。感谢任何反馈。