Javascript 循环格式的D3集群布局子节点

Javascript 循环格式的D3集群布局子节点,javascript,d3.js,Javascript,D3.js,我正在尝试设计一个圆形集群布局,在这里,当我单击包含子节点的节点时,我看起来像 但我想让孩子们以循环的形式 我该怎么做…任何建议都会很有帮助。。。。。 这是小提琴- 这是我的密码: var数据={ “名称”:அகல்", “儿童”:[{ “名称”:விலகு", “颜色”:“红色” }, { “名称”:நீங்கு", “颜色”:“红色”, “t”:நீங்குதல், பாயிருளகல (புறநா.25).", “儿童”:[{ “名称”:விலகு", “颜色”:“红色” }, { “名

我正在尝试设计一个圆形集群布局,在这里,当我单击包含子节点的节点时,我看起来像

但我想让孩子们以循环的形式 我该怎么做…任何建议都会很有帮助。。。。。 这是小提琴-

这是我的密码:

var数据={
“名称”:அகல்",
“儿童”:[{
“名称”:விலகு",
“颜色”:“红色”
}, {
“名称”:நீங்கு",
“颜色”:“红色”,
“t”:நீங்குதல், பாயிருளகல (புறநா.25).",
“儿童”:[{
“名称”:விலகு",
“颜色”:“红色”
}, {
“名称”:பின்னிடு",
“颜色”:“红色”
}, {
“名称”:ஒதுங்கு",
“颜色”:“红色”
}, {
“名称”:இடம்விட்டுப் பெயர்",
“颜色”:“红色”
}, {
“名称”:பிரி",
“颜色”:“红色”
}, {
“名称”:பின்வாங்கு",
“颜色”:“红色”
}]
}, {
“名称”:பிரி",
“颜色”:“红色”,
“t”:பிரிதல். அகன்ற பூங்கொடியை (பாரத.குரு.79)"
}, {
“名称”:கட",
“颜色”:“1E90FF”,
“t”:கடத்தல். (திவா.)"
}, {
“名称”:விருத்தியடை",
“颜色”:“绿色”,
“t”:விருத்தியடைதல் (குறள்,170.)"
}, {
“名称”:விசாலி",
“颜色”:“#00C957”,
“t”:விசாலித்தல். (புறநா.3,16.)"
}, {
“名称”:நீட்டு",
“颜色”:“#00C957”
}, {
“名称”:விரி",
“颜色”:“#00C957”
}, {
“名称”:பரப்பு",
“颜色”:“#00C957”
}, {
“名称”:விரிவு",
“颜色”:“#00C957”
}, {
“名称”:விளக்குத் தகழி",
“颜色”:“费用”,
“t”:விளக்குத் தகழி. திருவிளக்குத் திரியிட்டங் ககல்பரப்பி(பெரியபு.கலிய .15). "
}, {
“名称”:சட்டி",
“颜色”:“橙色”,
“t”:சட்டி. காரகற்கூவியன் (பெரும்பாண். 377)",
“儿童”:[{
“名称”:மட்பாண்டம்",
“颜色”:“红色”
}, {
“名称”:உலோகத்தட்டு",
“颜色”:“红色”
}, {
“名称”:திதி",
“颜色”:“绿色”
}, {
“名称”:அறுபது",
“颜色”:“橙色”
}, {
“名称”:தாமரை",
“颜色”:“紫色”
}, {
“名称”:அழித்தல்",
“颜色”:“棕色”
}, {
“名称”:கொல்லுதல்",
“颜色”:“棕色”
}]
}, {
“名称”:ஓர் அளவு",
“颜色”:“蓝色”,
“t”:ஓர் அளவு. (தொல்.எழுத்.170,உரை.)"
}, {
“名称”:வெள்வேல்",
“颜色”:“栗色”,
“t”:(சங்.அக.)"
}, {
“名称”:உள்ளூர்",
“颜色”:“紫色”,
“t”:(பொதி. நி.) "
}, {
“名称”:ஊரின் உட்புறம்",
“颜色”:“紫色”,
“t”:ஊரின் உட்புறம். (பொதி. நி.)"
}, {
“名称”:நாடு",
“颜色”:“棕色”,
“t”:நாடு. (பொதி. நி.)",
“儿童”:[{
“名称”:தேடு",
“颜色”:“红色”
}, {
“名称”:ஆராய்",
“颜色”:“红色”
}, {
“名称”:தெரி",
“颜色”:“红色”
}, {
“名称”:அள",
“颜色”:“红色”
}, {
“名称”:கிட்டு",
“颜色”:“红色”
}, {
“名称”:விரும்பு",
“颜色”:“绿色”
}, {
“名称”:நினை",
“颜色”:“绿色”
}, {
“名称”:மோப்பம்பிடி",
“颜色”:“绿色”
}, {
“名称”:தேசம்",
“颜色”:“紫色”
}, {
“名称”:இடம்",
“颜色”:“紫色”
}, {
“名称”:பூமி",
“颜色”:“紫色”
}, {
“名称”:இராச்சியம்",
“颜色”:“紫色”
}, {
“名称”:நாட்டுப்புறம்",
“颜色”:“紫色”
}, {
“名称”:உலகம்",
“颜色”:“紫色”
}, {
“名称”:மருதநிலம்",
“颜色”:“紫色”
}, {
“名称”:பக்கம்",
“颜色”:“橙色”
}, {
“姓名”:“8பதுமம்",
“颜色”:“蓝色”
}]
}, {
“姓名”:“8பதுமம்",
“颜色”:“栗色”
}]
};
var i=0;
var持续时间=700;
变种根;
var宽度=1000;
var高度=1000;
var半径=550/2;
var cluster=d3.layout.cluster()
.尺寸([360,半径-120])
.分离(功能(a、b){
返回(a.children==b.children?1:2)/a.depth;
});
var diagonal=d3.svg.diagonal.radial()
.投影(功能(d){
返回[d.y,d.x/180*Math.PI];
});
var svg=d3.选择(“正文”).追加(“svg”)
.attr(“宽度”,宽度)
.attr(“高度”,高度)
.附加(“g”)
.attr(“转换”、“转换”(+500+)、“+0+”);
根=数据;
root.x0=高度/2;
root.y0=0;
var baseSvg=d3.选择(“树容器”).追加(“svg”)
.attr(“宽度”,宽度)
.attr(“高度”,高度)
.attr(“类”、“覆盖”);
功能崩溃(d){
如果(d.儿童){
d、 _children=d.children;
d、 _儿童。forEach(崩溃);
d、 children=null;
}
更新(d);
}
功能切换子项(d){
如果(d.儿童){
d、 _children=d.children;
d、 children=null;
}否则,如果(d._儿童){
d、 儿童=d.\U儿童;
d、 _children=null;
}
返回d;
}
功能点击(d){
如果(!d.parent){
返回;
}
如果(!d.children)
数据.children.forEach(崩溃);
if(d3.event.defaultPrevented)返回;
d=切换子项(d);
更新(d);
}
功能更新(sour)