d3 - 节点中需要帮助

时间:2014-05-19 10:21:15

标签: javascript d3.js

这是fiddle

我已从此link创建了此collapsible tree layout

现在一切正常,但我想在这里添加一个标准。

我不想根据yesno的某些值扩展孩子。

如果值为no,那么我不想展开它,否则我想扩展它。

但是如果我在数据中添加name的某些值。此图表根本不起作用。

有人帮助我实现它。

提前致谢。

1 个答案:

答案 0 :(得分:1)

有很多方法可以做到这一点。这是一个......

像这样设置数据:

{
"name": "sublevel3",
"expand": "no", // add the yes/no property
"children": [
...

然后在脚本中进行此更改:

// Toggle children.
function toggle(d) {
    if (d.children && d.expand != "no") { // leverage the yes/no property
        d._children = d.children;
    d.children = null;
    } else {
        d.children = d._children;
        d._children = null;
    }
}

这只是一个快速演示。您可能希望使用yes / node设置每个父节点,并根据是否存在来进行检查:)我只需设置一个来说明这一点。

以下是更改后的fiddle