jak układać serie w nvd3 multibar angularjs dyrektywa

Question

Chcę utworzyć wiele wykres słupkowy z nvd3 angularjs dyrektywy przez cmaurer (nvd3 directive link), ale problem polega na tym, że muszę stos kilka serii i istnieje dziwny błąd. tutaj jest moje dane:

$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]] 
       }]; 

chcę dostać 2 bary z wartościami $scope.planAhorro.MontoInicial i $scope.planAhorro.MontoPeriodico ułożone, a inny bar o wartości $scope.planAhorro.Valor sam, ale jest to pierwszy 2 stos dobrze a trzeci stos na wierzchu i nie potrzebuję go ułożyć !!

i tu jest wyjście:

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

Answer 1

Załóżmy, że trzeba skonfigurować wartości dla całego zakresu, w was przypadek: 0 i 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 
      }]; 

Oto demo , ale zamiast tego używam dyrektywy angular-nvd3.