Dc.js: создание многострочной диаграммы путем группировки значений из выбранного столбца

У меня есть данные json, которые выглядят так

{"Iteration": 1, "operation": "boot_server", "response_time": 23.1,
 "Iteration": 1, "operation": "stop_server", "response_time": 5.2,
 "Iteration": 2, "operation": "boot_server", "response_time": 20.1,
 "Iteration": 2, "operation": "stop_server", "response_time": 4.2,
 "Iteration": 3, "operation": "boot_server", "response_time": 30.1,
 "Iteration": 3, "operation": "stop_server", "response_time": 6.2}

Я хочу построить составную диаграмму с одной линейной диаграммой для каждого типа операции (boot_server, stop_server) с осью X в качестве итерации и осью Y в качестве времени ответа. Список операций непостоянен и может меняться в зависимости от типа теста.

Я искал и пробовал пару примеров

dc.js - многострочный график на основе отдельные категории в одном CSV-файле http://bl.ocks.org/jsundram/6728956< /а>

но я не могу заставить его работать для моих данных. Я только начал работать над dc.js и знаю, как генерировать базовые диаграммы. Может ли кто-нибудь объяснить, как мне подойти к этому?


person Siva Subramaniam    schedule 03.12.2016    source источник
comment
Взгляните на пример диаграммы серии: dc-js.github. io/dc.js/examples/series.html — возможно, это не идеальный дизайн, но этого должно быть достаточно для начала.   -  person Gordon    schedule 07.12.2016
comment
bl.ocks.org/jsundram/6728956 не работает. Я создал здесь рабочий пример: jsfiddle.net/moshequ/yf2u71cr   -  person Moshe Quantz    schedule 12.07.2017