我需要开发一种功能,其中用户可以添加/编辑/删除子节点,并且更改在不同的面板中显示为树结构。为了显示树结构,我计划使用 D3js 树布局。
但我对这些技术完全陌生:d3.js、json、svg、canvas……谁能告诉我:
我怎样才能操纵树?
单击节点时如何获取单击事件?
如何动态显示新节点添加/编辑/删除?
初学者的任何教程也值得赞赏。
谢谢。
我需要开发一种功能,其中用户可以添加/编辑/删除子节点,并且更改在不同的面板中显示为树结构。为了显示树结构,我计划使用 D3js 树布局。
但我对这些技术完全陌生:d3.js、json、svg、canvas……谁能告诉我:
我怎样才能操纵树?
单击节点时如何获取单击事件?
如何动态显示新节点添加/编辑/删除?
初学者的任何教程也值得赞赏。
谢谢。
d3.JS 站点有大量非常好的教程,您可以通过浏览该站点找到它们。那里也有大量的示例可视化。
不过,这是一个很好的起点。Scott Murray 对这个主题有着深刻的理解,并且天生就有将这种理解传达给他人的能力。
http://alignedleft.com/tutorials/
尝试阅读他的教程,因为它将解释 SVG、.data() 和 JSON。
这是一个非交互式的树形图代码:http://msug.vn.ua/content/d3js/examples/tree/您可以在 tree.js 下找到它。
如果您对该代码或教程有任何疑问,请在下面发表评论,我会尽力回答。