如何使用与多个值相关联的键显示折线图？ angularjs-nvd3-指令

Question

我使用angularjs-nvd3-directives来显示图表行，但我需要显示同一个键具有多个值集的数据集。例如：

"key": "estimation"
"values": actual: [[x1,a1],[x2,a2]...]
          deviation: [[x1,d1],[x2,d2]...]

我在plunker http://plnkr.co/edit/RM0iUx?p=preview中有一个示例，但它不会同时渲染两行。

这是否可以用nvd3指令实现？有没有人做过类似的事情？

我需要将两行数据值组与相同的键相关联。因此，当我点击与该键对应的图例时，两行都应该受到影响

Answer 1

这是因为你有两个名称为“set”的集合，只需将名称更改为彼此不同即可解决。

$scope.exampleData = [
    {
      "key": "set1",
      "values":[[0, 0],   [1, 1],  [2, 2],   [3, 3]]
    },
    {
      "key":"set2",
      "values":[[1,0.5],[2,1.5],[2,2.5],[3,2.5]]
    }

    ];