Question

我想实现StackedBar图表，我想进一步向下钻取条形图。例如：一列代表一个国家，在一个国家/地区，我们可能有许多州（堆叠）。如果我点击任何国家/地区列，则应进一步向下钻取到条形图，其中每个条形图表示单个状态。所以场景就像从“堆积条形图”到“条形图”

AM图表可以吗？我无法在文档中找到它。

Answer 1

首先生成堆积条形图。现在调用chart.addListener方法。单击任何一个栏时会调用此方法。通过使用＆＃34; event.index＆＃34;我们可以获得点击BAR的INDEX。现在通过传递列索引参数来调用单独的Function。这个新功能将有以下的事情要做。 1.隐藏堆积条形图 2.显示新条形图（使用参数INDEX为钻取图生成数据）。

chart.addListener("clickGraphItem", function (event) {                        
         //Take the Index of Bar chart which has been clicked(eg: 0,1 2 etc..)
         //Call a function with column INDEX parameter
         //console.log(event.index); >> this will give index of chart 
         $scope.DrillChart(event.index);
    });

$scope.DrillChart =function(colid){
   //hide stack bar chart
   //Show simple bar chart
   //get the data for "colid"
   //Generate the Simple Bar Chart

}

Am Charts with Drill Down选项中是否可以显示堆积条形图？

1 个答案: