d3js d3 JavaScript d3v4 d3-js
Need help with D3-Es6?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
zhangzn3

Description

D3 力导向图 增删改动态更新数据 点击生成节点 拖拽生成连线...

147 Stars 55 Forks 78 Commits 7 Opened issues

Services available

Need anything else?

功能列表:

  1. 增加下载SVG转PNG功能,图片尺寸超出可视区域也能够下载全部显示出来
  2. 增加图谱放大缩小平移功能
  3. 增加图谱初始化加载时自动缩放功能
  4. 增加导出excel功能
  5. 增加右键菜单功能
  6. 增加拖拽添加连线功能
  7. 增加鼠标点击画布增加节点功能
  8. 增加右键删除节点和左侧工具栏删除节点功能
  9. 增加环形布局 10.增加矩形布局

功能详情:

  1. 拖拽添加连线功能 两个节点之间只能有一条边,如果节点互相指向,则为一条双向边; 当已经有一条边后再进行同方向拖拽连线时不会添加新边; 当已经有一条边后进行反方向拖拽连线时会合并为一条双向边;

  2. SVG转PNG功能 当前视图超出可视区域,即滚动鼠标中键放大当前图谱,有部分元素被隐藏,截图时也会将可视区域之外的元素保留到截图里;

  3. 鼠标点击画布增加节点功能 画布放大缩小或者平移,点击画布,新增的节点也会在鼠标点击处,不会发生偏移; 实现方法是将图谱数据刷新后,重新设置该节点的translate和scale值(自觉得这种方法也不是太好);

...

启动方式:

进入根目录打开控制台运行以下命令 1. npm install 1. npm run build:dll 2. npm run build 3. node api 4. 打开http://localhost:3000即可

在线预览地址:https://zhangzn3.github.io/D3-Es6/

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.