2016-04-21 8 views
0

Ich möchte StackedBar-Diagramm implementieren, und ich möchte eine Spalte weiter in Balkendiagramm aufschlüsseln. Zum Beispiel: Eine Spalte repräsentiert ein Land, unter einem Land könnten wir viele Staaten haben (gestapelt). Wenn ich auf irgendeine Länderspalte klicke, sollte es weiter zum Balkendiagramm drillten, wo jeder Balken einen einzelnen Zustand darstellt. So ist das Szenario, wie From „gestapeltes Balkendiagramm“ To „Balkendiagramm“Ist es möglich, ein gestapeltes Balkendiagramm in "Am Charts with Drill Down" -Option zu haben?

Ist es möglich, mit AM Chart? Ich kann es in der Dokumentation nicht finden.

Antwort

0

Erstellen Sie zunächst gestapelt Balkendiagramm. Rufen Sie jetzt die Methode chart.addListener auf. Diese Methode wird aufgerufen, wenn Sie auf einen der Balken klicken. Mit "event.index" können wir den INDEX der angeklickten BAR erhalten. Rufen Sie jetzt eine separate Funktion auf, indem Sie den Spaltenindexparameter übergeben. Diese neue Funktion wird folgende Aufgabe haben. 1. Gestapeltes Balkendiagramm ausblenden 2. Neues Balkendiagramm anzeigen (Daten für Drilldown-Diagramm mit Parameter INDEX generieren).

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 

}