在D3中,你如何有条件地嵌套SVG元素(在'enter'的上下文中)?

时间:2017-07-02 17:50:52

标签: d3.js force-layout

具体来说,给出了这个例子:https://bl.ocks.org/mbostock/4062045

我如何将圈子嵌入其他圈子?那些能够链接到其他(父)圈吗?

1 个答案:

答案 0 :(得分:-1)

对我来说,关键是要使用从'输入'用于分别附加子级和父级SVG对象。 e.g:

var enter = svg...enter()
var node = enter.append("rect")...
var children = enter.append("rect")...

(请参阅问题中关于整个代码上下文的链接)

要有条件地添加子项,您可以按如下方式使用过滤器:

var children = enter.filter(...).append("rect")...