2016-04-21 1 views
0

Я хочу реализовать таблицу StackedBar, и я хочу развернуть колонку дальше в гистограмму. Например: один столбец представляет страну, в стране, где у нас может быть много состояний (сложенных). Если я нажму на любой столбец страны, тогда он должен продолжить сверление до гистограммы, где каждый бар представляет собой одно состояние. Таким образом, сценарий похож на «Сложенную гистограмму» на «Барную диаграмму»Возможно ли иметь штабелированную гистограмму в Am Charts с возможностью сверления?

Возможно ли это с помощью AM Charts? Я не могу найти его в документации.

ответ

0

Прежде всего создайте штатную гистограмму. Теперь вызовите метод chart.addListener. Этот метод вызывается при нажатии любой из баров. используя «event.index», мы можем получить ИНДЕКС нажатого BAR. Теперь вызовите отдельную функцию, передав параметр индекса столбца. Эта новая функция будет иметь следующие действия. 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 

} 
Смежные вопросы