需要帮助通过D3.js将文本添加到codeflower图中的节点中

Question

我一直在尝试修改Codeflower.js中的Codeflower代码（取自这里：http://www.redotheweb.com/CodeFlower/），用于在每个节点中插入文本（修改了更新函数）。

我采用的方法是将每个节点分组为文本，请参阅以下概念：

但经过十几次尝试无法弄清楚我在使用代码flowercode时遇到了什么问题。 有人可以帮助我吗？

谢谢大家

P.S 我试着把代码放在jsfiddle上， 但它效果不好所以最终决定发布屏幕截图。

Answer 1

查看screen shot 问题是关于你的svg没有的圆圈标签结尾 您的SVG就像这样

＆＃13;

＆＃13;

<div id="viz">
    <svg width="520px" height="520px">
        <g transform="translate(260,260)">
            <circle r="54" style="fill: wheat;">
                <text>family</text>
            </g>
    </svg>
</div>

＆＃13;

＆＃13;

＆＃13;

更正的svg应该像注意圈</circle>的结束标记：

＆＃13;

＆＃13;

<div id="viz">
    <svg width="520px" height="520px">
        <g transform="translate(260,260)">
            <circle r="54" style="fill: wheat;"></circle>
                <text>family</text>
            </g>
    </svg>
</div>

＆＃13;

＆＃13;

＆＃13;

希望这有帮助！