Wie Stack-Serie in nvd3 Multibar angularjs Direktive

Question

Ich möchte ein Multi-Balkendiagramm mit nvd3 Angularjs Direktive von cmaurer (nvd3 directive link) erstellen, aber das Problem ist, dass ich einige Serien stapeln muss und es ist ein seltsamer Fehler. hier sind meine Daten:

$scope.exampleData = [ 
       { 
        "key": "Monto Inicial", 
        "values": [[0, $scope.planAhorro.MontoInicial]] 
       }, { 
        "key": "Monto Periodico", 
        "values": [[0, $scope.planAhorro.MontoPeriodico]] 
       }, { 
        "key": "Total Sueños", 
        "values": [[1, $scope.planAhorro.Valor]] 
       }]; 

i $scope.planAhorro.Valor allein 2 Bars mit den Werten von $scope.planAhorro.MontoInicial und $scope.planAhorro.MontoPeriodico gestapelt, und die anderen Stange mit dem Wert erhalten mag, aber die Sache ist der erste 2-Stack gut und der dritte Stapel oben und ich brauche es nicht zu stapeln!

und hier ist die Ausgabe:

http://es.tinypic.com/r/2yvjnkw/8

Answer 1

Sie Werte Angenommen, müssen für alle Bereich einrichten, in Sie Fall: für 0 und 1:

$scope.exampleData = [ 
      { 
       "key": "Monto Inicial", 
       "values": [[0, $scope.planAhorro.MontoInicial], [1, 0]], 
       "color": "red" 
      }, { 
       "key": "Monto Periodico", 
       "values": [[0, $scope.planAhorro.MontoPeriodico], [1, 0]], 
       "color": "green" 
      }, { 
       "key": "Total Sueños", 
       "values": [[0, ], [1, $scope.planAhorro.Valor]], 
       "color": "#0000FF" //blue 
      }]; 

Hier ist ein demo , aber ich verwende stattdessen angular-nvd3 Direktive.