Highcharts - 向上钻取事件以切换显示的信息

时间:2017-09-13 06:25:51

标签: javascript charts highcharts

请考虑这个小提琴 - https://jsfiddle.net/prashu421/5Lzskkwg/1/ 我有一个饼图,可以深入到条形图中,现在当我向下钻取时我想要显示一个表,如果只使用一个静态表,它就可以正常工作。

但是,我想根据不同的馅饼选择显示不同的表格。 我的意思是说,我们有一个带有三个切片A,B,C的饼图,并且存在相应的条形图X,Y,Z和表1,2,3,其中在点击B上的A,Y和2时显示X和1在C

上有Z和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();
              }
            }
        }

提前致谢。

1 个答案:

答案 0 :(得分:2)

你可以在这里提到这个小提琴 - 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();
          }
        }
    }