Я новичок ie до D3. Я сгруппировал полученные данные с сервера, используя функцию nest () d3, чтобы каждая группа имела необходимые данные для создания визуализации.
, например:
Имя | Тема | Знаки
name1 | английский | 20
name2 | английский | 23
name1 | математика | 24
name2 | математика | 21
имя1 | наука | 23
name2 | наука | 25
Я должен показать визуализацию, скажем, где требуется средняя успеваемость студентов по предмету. Поэтому я создал вложенные данные с помощью функции nest для:
[{key:"english", "values":[{"Name":"name1", "Subject":"english", "Marks":20}, {"Name":"name2", "Subject":"english", "Marks":30}]},
{key:"maths", "values":[{"Name":"name1", "Subject":"maths", "Marks":24}, {"Name":"name2", "Subject":"maths", "Marks":21}]},
{key:"science", "values":[{"Name":"name1", "Subject":"science", "Marks":23}, {"Name":"name2", "Subject":"science", "Marks":25}]}]
Теперь для создания SVG для каждого предмета я добавляю столько же SVG, но для создания визуализации мне нужны соответствующие сгруппированные данные для вложенного элемента DOM.
var container = d3.select("div").data(nested_data);
var svgelem = container.enter().append("svg").attr("width", width).attr("height", height);
svgelem.data(the_corresponding_grouped_data)
Как получить доступ к значениям для каждого из вложенных элементов данных?