X6是AntV隶属的图编辑引擎 提供了开箱即用的交互组件和简单易用的中断定制能力，方便我们快速构建流程图，DAG图，ER图等图应用。 简体中文| 特性 :seedling:极易定制：支持使用SVG / HTML / React / Vue定制例程样式和交互； :rocket:开箱即用：内置10+图编辑配套扩展，如框选，对齐线，小地图等； :magnet:数据驱动：基于MVC架构，用户更多专注于数据逻辑和业务逻辑； :hundred_points:事件驱动：可以监听图表内部发生的任何事件。

vue-g6-editor 演示地址： : G6文档 这个是一个基于阿里G6制作的模型Flow组件g6版本为3.0，UI部分用了elementUI。由于公司需要，需要一个模型流程图编辑器，本来g6-editor是个不错的选择，但发现之后发现g6-editor不开放，屁屁，只能自己尝试着用g6实现一个editor。代码写的比较丑，仅做参考使用，不喜勿喷〜。

流程图 项目flowchart的vue版本 展示效果： 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build

vue.js的工作流程图 什么是vue-workflow-chart？ Vue-Workflow-Chart开发用于可视化流程或工作流。 例如，在一家公司中，工作流程会变得非常复杂和混乱，因此插图可以帮助您理解流程。 由于工作流由状态和过渡组成，因此必须将这些元素传递到vue-workflow-chart。 给定的数据将被建模和渲染。 作为一个开源项目，vue-workflow-chart受GPLv3-许可。 要求 npm 安装 只需获得 npm i vue-workflow-chart