nvd3.js - 如何显示带有与一组以上值关联的键的折线图？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

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

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

    ];