Skip to content

rmq767/g6-topo

Repository files navigation

# 仓库克隆
git clone https://github.com/rmq767/g6-topo.git
# 安装包
npm i
# 开启服务
npm run serve

g6-topo

实现的功能

  • 动态修改数据,打开vuedevtools试试看吧
  • 自定义节点和边(完全自定义,未继承默认)
  • 边动画
  • 拖拽
  • minimap
  • hover信息展示

可以根据自己的需求进行扩展

比如:高亮、节点折叠隐藏、图例、视图聚焦等。我试过都能实现

预览地址

在线预览

About页面还有添加边节点的功能,修改边和节点信息,获取数据

pdfview页面

使用Vue-PDF实现预览、翻页、放大缩小、侧边栏预览

pdfimageview页面

使用canvas实现图片的预览

About

用g6实现拓扑图可视化展示

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published