d3.js v3版力导向图如何动态增加数据？？？

qq_32905827 2017-04-01 10:09:03

现在在官方的力导向图的demo上想增加点功能，就是在页面上增加一个按钮，点击就可以在页面上增加一个独立的节点，要怎么做？

...全文

619 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

wuxudong2702 2018-12-03

打赏
举报

回复

更新你的数据就可以了，新数据要包含旧数据，不需要remove()，

利用d3.js插件实现动态拓扑图，动态增加节点，删除节点，结合拖拽操作，实现一个简单的演示利用d3.js插件实现动态拓扑图，动态增加节点，删除节点，结合拖拽操作，实现一个简单的演示

D3 V4版本中文API文档PDF版，与V3版本不同之处就在于添加了canvas功能，同时API的调用方式也有所改动，比如axis、layout.tree等等

前言最近公司业务服务老出bug，各路大佬盯着链路图找问题找的头昏眼花。某天大佬丢了一张图过来“我们做一个资源拓扑图吧，方便大家找bug”。就是这个图，应该是马爸爸家的好吧，来仔细瞧瞧这个需求咋整呢。一圈资源围着一个中心的一个应用，用曲线连接起来，曲线中段记有应用与资源间的调用信息。emmm 这个看起来很像女神在遛一群舔狗… 啊不，是 d3.js 力导向图！ d3.js 力导向图 d3.js 是著名的数据可视化基础工具，他提供了基本的将数据映射至网页元素的能力，同时封装了大量实用的数据操作函数与图形算法。其中力导向图（Force-Directed Graph）是 d3.js 提供的一种

使用d3-force、d3-zoom、d3-drag绘制的图像，加入了概览图效果，支持放大缩小、移动、快速定位

D3插件这些插件与D3 V4的最新版本不兼容。有关最新版本，请参见：请注意：该存储库中的插件将很快分解为单独的存储库，以简化分布式所有权。如果您要共享一个新插件，请从添加一个链接。

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章