https://www.jianshu.com/p/13579c3853bc ...
最近我司项目中需要加入流程图制作功能,于是乎百度各种找可视化绘制拓扑图的轮子,大部分都是国外的,看文档太吃力,不过好在最终让我发现了AntV G 流程图图表库,最新版为 . ,不过编辑器在 . 版本还没有进行开源,所以只能退而求其次,使用了 . . 版本。希望 . 版本的编辑器尽早开源,在交互方面 . . 版本还是差了一些。 该组件并非开箱即食,需要根据自己的业务进行修改,右侧属性表单部分如果有 ...
2018-12-18 16:23 0 1829 推荐指数:
https://www.jianshu.com/p/13579c3853bc ...
://g6.antv.vision/zh ...
下面代码可以直接贴到html文件中运行看效果。 代码说明 js中data是一个json变量,里面有两个关键对象“nodes、edges”,分别来描述节点、节点间箭线。 更多“nodes、edges”信息见代码中说明部分。 最新版见官网Demo ...
一、安装使用 下载安装: 导入使用: 二、初始化画布 1. 建立一个div 2. js生成画布 渲染数据格式“: 实例化画布: 三、G6官方文档 文档链接:https://g6.antv.vision/zh ...
...
vue G6 流程图 知识图谱前端插件 😎 自定义节点和边, 支持锚点配置😎 自定义圆形, 方形, 椭圆, 菱形节点😎 节点支持拖拽连线, 删除(按delete键), 编辑😎 边默认带结束箭头, 支持标签显示😎 支持自定义 tool-tip 内容😎 支持画布/节点 ...
最近一直在研究流程图相关的技术,一次在逛GitHub时发现了一个技术栈为vue+g6+element-ui的项目,基础功能完好,如node与edge的托拉拽,主界面如下: GitHub链接为:https://github.com/caoyu48/vue-g6-editor 线上访问地址 ...
官方教程 安装 使用 vue 作为模板 步骤 元素及其配置 布局Layout 交互行为Behavior 插件与交互工具 ...