如何操纵d3js树的布局

Question

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

但我对这些技术完全陌生：d3.js，json，svg，canvas ......任何人都可以告诉我：

• 我该如何操纵树？

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

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

任何初学者教程也很感激。

谢谢。

Answer 1

d3.JS网站有很多很好的教程，你可以通过浏览网站找到它们。 此外还有大量的示例可视化。

这是一个开始的好地方。 斯科特·默里对这一主题有着深刻的理解，以及将这种理解传达给他人的天生能力。

http://alignedleft.com/tutorials/

尝试阅读他的教程，因为它将解释SVG，.data（）和JSON。

这是一个非交互式树图代码： http ：//msug.vn.ua/content/d3js/examples/tree/你可以在tree.js下找到它。

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