javascript - 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();
            }
        }

fiddle 只是一个可重现的例子，我的应用程序将包含大约 6 到 8 个这样的条形图，任何人都可以看看并纠正我做错的地方。

谢谢。

Answer 1

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

检查这个 fiddle here ，我能想到的一个简单解决方案是在唯一变量中维护特定表切换的状态，你应该很好。

var tableToggle15Sp;
var tableToggle15Fa;

如有任何疑虑，请告诉我。感谢任何反馈。