如何操纵d3js树的布局

时间:2012-09-11 04:48:35

标签: javascript ajax json svg d3.js

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

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

  • 如何操纵树?

  • 如何在点击节点时获得点击事件?

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

任何初学者教程也很受欢迎。

感谢。

1 个答案:

答案 0 :(得分:3)

d3.JS网站提供了大量非常好的教程,您可以通过浏览网站找到这些教程。此外还有大量的示例可视化。

这是一个开始的好地方。斯科特·默里对这一主题有深刻的理解,并且能够将这种理解传达给他人。

http://alignedleft.com/tutorials/

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

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

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