Прямо сейчас вы добавляете элементы text
к элементам circle
, и это просто не сработает.
Когда вы пишете ...
var label = nodes.append("svg:text")
Вы добавляете тексты к выбору nodes
. Однако вы должны иметь в виду, что nodes
:
var nodes = svg.selectAll("circle")
.data(dataset.nodes)
.enter()
.append("circle")
Таким образом, вы добавляете тексты в круги, и это не работает. Они отображаются, когда вы проверяете страницу (как
), но ничего не будет отображаться в SVG.
Решение: просто измените на:
var label = svg.selectAll(null)
.data(dataset.nodes)
.enter()
.append("text")
.text(function (d) { return d.name; })
.style("text-anchor", "middle")
.style("fill", "#555")
.style("font-family", "Arial")
.style("font-size", 12);
Звучит так, как будто вы хотите объединить шесть информационных кадров в один.
С достаточным количеством кода + данных для MCVE мы могли бы быть более полезными. https://stackoverflow.com/help/mcve