angularjs - 如何在 nvd3 multibar angularjs 指令中堆叠系列

Question

我想用 cmaurer ( nvd3 directive link ) 的 nvd3 angularjs 指令创建一个多条形图，但问题是我需要堆叠一些系列，并且有一个奇怪的错误。这是我的数据:

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

我想获得 2 条，其值为 $scope.planAhorro.MontoInicial和 $scope.planAhorro.MontoPeriodico堆叠，另一个条形值为 $scope.planAhorro.Valor独自一人，但事情是前两个堆栈很好，第三个堆栈在顶部，我不需要它来堆栈!

这是输出:

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

Answer 1

假设您需要为所有范围设置值，在您的情况下:0 和 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
            }];

这是一个 demo ，但我使用 angular-nvd3指令代替。