用D3.js畫的人物關係demo

時間 2019-11-13

原文原文鏈接

代碼下載地址:https://github.com/zhangzn3/group-explorerhtml

### Demo1功能
***
  * 支持節點拖拽
  * 支持節點拖拽並固定位置
  * 支持鼠標浮到節點顯示節點信息
  * 支持鼠標浮到節點隱藏不相關的節點及線
  * 支持畫布總體縮放移動

### Demo2功能
***
  * 支持節點拖拽
  * 支持節點拖拽並固定位置
  * 支持鼠標浮到節點顯示節點信息
  * 支持雙擊節點隱藏不相關的節點及線 能夠累加雙擊的節點
  * 支持雙擊畫布空白處還原顯示全部節點信息
  * 支持畫布總體縮放移動

效果預覽　git

1. 【 D3.js 高級系列 — 2.0 】機械圖 + 人物關係圖
2. d3.js關係圖
3. D3.js+Es6+webpack構建人物關係圖(力導向圖)
4. D3.js 的氣泡demo
5. 關係圖d3、封裝js
6. d3.js v4 關係圖表
7. 基於d3.js的關係拓撲圖
8. d3.js畫折線圖
9. js-d3畫圖插件
10. d3.js畫拓撲圖
更多相關文章...
• Hibernate映射關係 - Hibernate教程
• 系統定義的TypeHandler - MyBatis教程
• NewSQL-TiDB相關
• Docker容器實戰(七) - 容器眼光下的文件系統

相關標籤/搜索