Как отобразить линейный график с ключами, связанными с более чем одним набором значений? angularjs-nvd3-директивы

Question

Я использую директивы angularjs-nvd3 для отображения линии диаграммы, но мне нужно отобразить наборы данных, которые имеют более одного набора значений для одного и того же ключа. Например:

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

    ];