文件名称:welabx-g6:welabx - 蚂蚁金服 G6
文件大小:1.08MB
文件格式:ZIP
更新时间:2024-08-13 10:41:23
workflow canvas antvg6 JavaScript
g6 流程图 项目背景 起源 公司项目中需要用到涉及表示关系的图谱, 所以在d3可以满足需求的情况下, 突然发现了G6, 在对比了性能和技术后续迭代, 我选择了G6作为技术支撑, 进而迈入可视化领域. 面向人群 适用于需要靠绘图来表达和描述关系的项目中, 官网所有支持的布局均可使用, 以及相关的开发者. 计划 在1.0时完整实现所有流程化的自定义功能, 并包含绝大部分可选的交互, 实现极高性能的绘图工具. 在线案例 视频教程 欢迎关注我的 B 站教程, 不定时更新, 讲解各种图形绘制以及问题解决思路, 带你领略可视化的魅力: G6 五十问 已完成功能 自定义节点和边, 支持锚点配置 自定义圆形, 方形, 椭圆, 菱形节点 节点支持拖拽连线, 删除(按delete键), 编辑 边默认带结束箭头, 支持标签显示 支持自定义 tool-tip 内容 支持画布/节点/边事件监听 TODO [] 节
【文件预览】:
welabx-g6-master
----screenshot()
--------iShot2020-05-06.png(134KB)
--------screenshot.png(188KB)
----timetable.md(1KB)
----jsconfig.json(481B)
----package.json(2KB)
----GUIDE.md(16KB)
----_config.yml(29B)
----package-lock.json(476KB)
----dist()
--------library()
--------manifest.json(635B)
--------index.html(317B)
--------js()
--------logo.png(43KB)
----TODO.md(784B)
----src()
--------assets()
--------app()
--------pages()
--------components()
----.eslintrc.js(6KB)
----FAQ.md(7KB)
----.gitignore(27B)
----CHANGELOG.md(5KB)
----public()
--------index.html(272B)
--------logo.png(43KB)
----README.md(4KB)
----.editorconfig(147B)
----postcss.config.js(79B)
----webpack()
--------webpack.dll.js(573B)
--------webpack.prod.js(1KB)
--------library.js(1KB)
--------build.js(1KB)
--------webpack.common.js(4KB)
--------webpack.dev.js(1020B)
--------utils()
----babel.config.js(258B)