Angular NVd3 multiBarChart

Question

我想使用nvd3 angular multiBarChart，但实际上没有文档。我一直在谷歌上搜索堆栈溢出，但无法找到适合我的简单案例的东西。我的问题是如何格式化multiBarChart的json。我有3个键，每个键有两个值。三个键是字符串，值是整数。

示例：

Keys: {"hi", "hello", "whatup"}
Values for each of the keys: {"hi":[10,5], "hello":[11,6], "whatup":[9,12]}.

我想在使用nvd3的堆积条形图中显示此信息。这是我想出的一些东西。这是正确的方法吗？

    $scope.data = [{
          values: [{
              "label" : "hi" ,
              "value" : {"A" : 10, "B" :5}
          },{
              "label" : "hello" ,
              "value" : {"A" : 11, "B" :6}
          },{
              "label" : "whatup" ,
              "value" : {"A" : 9, "B" :12}
          }]
    }]; 

无效

Answer 1

$scope.data = [
            {
                key: 'hi',
                values: [{x: "A", y: 10 },{x: "B", y: 5 }]
            },
            {
                key: 'hello',
                values: [{x: "A", y: 11 },{x: "B", y: 6 }]
            },
            {
                key: 'whatup',
                values: [{x: "A", y: 9 },{x: "B", y: 12 }]
            }
];

我认为这应该对你有用