2

D3 で美しいツリーを作成しようとしています。

ノードの場合、非表示の div に SVG の「テンプレート」があります。しかし、私は D3 の多くの機能を使って「テンプレート」を「複製」しようとしましたが、すべてが実行されませんでした。

最後の JavaScript コードは次のとおりです。

...
var node = svg.selectAll("g.node")
            .data(nodes)
            .enter()
            .append("svg:g")
            .attr("transform",
                    function(d)
                    {
                        return "translate(" + d.y + "," + d.x + ")";
                    }
            );

var template_box = d3.select("#layer1");
console.log(template_box);

node.insert(template_box);
...

そしてhtmlのチャックは次のとおりです。

...
    <body>
 <svg width="400" height="400">
 <g
 id="layer1"
 transform="translate(-208.375,-410.5)">
<rect
...

よろしく。

4

1 に答える 1