javascript - d3 - 节点中需要帮助

标签 javascript d3.js

这是fiddle .

我从这个 link 创建了这个可折叠树布局 .

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

我不想根据某些值yesno来扩展子级。

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

但是如果我在数据中添加一些值名称。该图表根本不起作用。

有人帮助我实现它。

提前致谢。

最佳答案

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

像这样设置你的数据:

{
"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,并根据 yes 的存在进行检查:) 我只是设置一个来说明这一点。

这是更改后的 fiddle .

关于javascript - d3 - 节点中需要帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23735261/

相关文章:

Javascript 数组和 JQuery .param

javascript - 我无法做出 promise ,用从 try/catch 捕获的新错误消息正确拒绝

javascript - D3.js 堆叠条形图的动画更新

javascript - 如何使用实线和虚线元素创建 d3.js 图例

javascript - JS 正则表达式允许小写字母和下划线(在 之间)

JavaScript slider 效果不一致

javascript - 如果数据介于 0 和 1 之间,如何使用对数采样来使用 D3 创建图例

javascript - 使用象形图示例

javascript - 对象字面量中属性名称周围的方括号意味着什么?

javascript - 如何翻译 SVG 及其所有子项