Как динамически отображать многострочный текст в D3.js?
Мне нужно отобразить многострочный текст в SVG: текст с помощью D3.js.
Пример данных выглядит следующим образом, и я хочу отображать «все» «заголовки» под одним узлом для каждого автора, а не как отдельный узел в макете с принудительным направлением.
Пример данных
{
{"author":"Author1", "group":"fiction", "books" : [
{"title":"Book Title1", "rating":3},
{"title":"Book Title2", "rating":4}
]},
{"author":"Author2", "group":"non-fiction", "books" : [
{"title":"Book Title3", "rating":3},
]}
}
SVG: текст занимает только одну текстовую запись и отображается в одной строке, поэтому я должен добавить больше текста и настроить «dy»? или втягивать собирать информацию узла и заменять?
Спасибо за советы.