javascript - 如何操作 d3js 树布局

Question

我需要开发一种功能，用户可以在其中添加/编辑/删除子节点，并将更改显示为不同面板中的树结构。为了显示树结构，我计划使用 D3js 树布局。

但我对这些技术完全陌生:d3.js、json、svg、canvas...谁能告诉我:

• 如何操作树？

• 点击节点时如何获取点击事件？

• 如何动态显示新节点的添加/编辑/删除？

也欢迎任何针对初学者的教程。

谢谢。

Answer 1

d3.JS 站点有大量非常好的教程，您可以通过浏览该站点找到它们。那里也有大量示例可视化。

不过，这是一个不错的起点。斯科特·默里 (Scott Murray) 对这个主题有着深刻的理解，并且天生就有将这种理解传达给其他人的能力。

http://alignedleft.com/tutorials/

尝试通读他的教程，因为它将解释 SVG、.data() 和 JSON。

这是一个非交互式 TreeMap 代码:http://msug.vn.ua/content/d3js/examples/tree/您会在 tree.js 下找到它。

如果您对该代码或教程有任何疑问，请在下方发表评论，我会尽力解答。