Javascript JSFIDLE中的D3JS树示例

我试图在JSFIDLE中实现d3.js站点上的find，但没有任何运气。我不是一个真正的JS开发人员（我也从来没有在电视上玩过），但我通常能够通过一些持久性和研究（通常是按照这个顺序）获得一些东西。我被难住了。我做错了什么

除了将数据块作为变量实现而不是从文件加载它之外，我根本没有修改代码。在HTML中，我取出了一行引用dndTree.js的内容，并将CSS移动到JSFIDLE的CSS部分

在第804行，首先引用

treeData

变量：

// Call visit function to establish maxLabelLength
visit(treeData, function (d) {
    totalNodes++;
    maxLabelLength = Math.max(d.name.length, maxLabelLength);

}, function (d) {
    return d.children && d.children.length > 0 ? d.children : null;
});

---

对于初学者，您试图从何处提取

flare.json

？

flare.json

是数据文件的名称。正如我所说，与其从该文件中提取数据并将其加载到

treeData

，不如，我只是直接用flare.json的内容实现了

treeData

。这里也做了类似的事情：我发现这个JSFIDLE实现了与我试图实现的东西非常相似的东西：我仍然不确定我做错了什么。