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

Question

我想通过cmaurer(nvd3指令链接)创建一个带有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,但是东西是前2个堆叠好,第三个堆叠在顶部,我不需要它堆叠!!

这是输出:

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

这是一个演示,但我使用angular-nvd3指令代替.