oxoyo / x-flowchart-vue Goto Github PK

http://oxoyo.co/X-Flowchart-Vue/
箭头存在bug，如图

从箭头的栏目中，第四行，第二个开始，托追出来的就都是圆圈了。
请关注下，谢谢。

我想用iconfont上的图标作为节点，但是path是这样的

怎么才能弄成这样的：

怎么不能连线？有没有API

作者你好,我觉得你的东西很好,但是那个demo好像不能用,能更新下吗?谢谢啦

如果你有什么好的想法、好的实现、需要的功能欢迎在此记录，我们会在综合评估后在未来的迭代中实现。

已收集需求：

• 1.物料池增加模板或组合元素功能 @DarrenYing
• 2.物料池增加UML图形元素 @mivanzhang

请教个问题，移动端支持节点拖拽吗

导入文件后不显示，需要全部选中下，拖拽有残影

如果您和您的的公司或组织正在使用 XFC，非常感谢您的支持，希望可以在这里留下您的公司信息。您的回复将成为维护者、社区用户和观望者的信心来源。
回复格式示例如下：

公司或组织：OXOYO
链接：http://oxoyo.co/X-Flowchart-Vue/

方便的话，可以晒一晒截图
无关回复将会定期删除

基础库

flowchart.js Draws simple SVG flow chart diagrams from textual

GoJS JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

jointjs Create Flowchart, BPMN and many other unique diagramming editors with ease.

jsplumb Visual connectivity for webapps

bpmn-js A BPMN 2.0 rendering toolkit and web modeler.

mxGraph

D3

kityminder

实现

Topology 乐吾乐Topology - 基于开源的免费可视化绘图工具

@antv/G6最佳实践

• A visual graph editor based on G6 and React

• 基于 G6 和 React 的可视化流程编辑器 - Workflow Designer；

• 基于 G6 和 Vue 的可视化编辑器；

• 基于 G6 和 Vue 的可视化图形编辑器 - A visual graph editor based on G6 and Vue；

• 基于 G6 和 React 实现的 ER 图编辑器；

资料

mxgraph 架构分析与 mxgraph-editor 编辑器开发

X6-Editor 架构脑图

交流

经过很长一段时间的蛰伏，决定重启迭代计划。欢迎大家讨论。。。

目标：

阶段一：
1.底层库替换，@antv/G6 => @antv/X6。
2.配置优化，从新设计的自定义配置实现。
3.扩展设计，支持自定义图形。
4.数据结构优化，结构数据与描述数据分离。

阶段二：
1.vue2 升级 vue3

绘制流程图后，点击撤销，或者上传流程图json后，页面画布异常的大

太卡了，希望能优化

Please add english support!!

• 第一次文本光标正常
  
• 将画布缩放之后，文本编辑的光标仍在原本位置
  

1.两个模块之间的 曲线连接线的角度是否能动态定义
2.能否单独拖动已经双向连接的连接线的指向

旋转后边的终点没有重绘

1 撤销时 会出现清空画布的情况
重现方式：添加一个node节点，清空操作日志，再添加一个node节点，撤销，两个都不见了
2 清空操作日志
清空操作日志，应该清空操作记录，但是需要保留当前画布内容，并且不可撤销
3 撤销 和 重做 使用时 容易出现错乱
操作5条记录后，撤销2条记录，在操作一条记录（这个记录应该先清除撤销的两条，在家这一条（第条））

通过右侧编辑文本、背景色等等参数后再次操作画布会很卡。但是用右键编辑背景色或者双击节点输入文本就没有这个问题

是否有办法做出元素中包含元素的图，父元素拖动的时候子元素会一起动，如果需要修改代码的话是否有办法？

重现方式：

1. 鼠标拖动一个 node
2. 快速移动鼠标
3. 会发现 node 停止在了中间位置，而且拖动过程停止了

很多时候鼠标的移动速度比系统处理 mousemove 的速度要快，所以快速拖动的时候，鼠标指针会瞬间离开 node 所在的区域范围。

如果把拖动事件的处理，挂在更上层的 html 元素上，是不是可以解决快速拖动过程中断的问题。

Q：节点/边更新时，没有按照在 nodeDefinition 中自定义实现的 draw 或 drawShape 逻辑更新。例如，有些图形没有被更新，增加了没有在 draw 或 drawShape 方法中定义的图形等。
A：由于继承了 extendedTypeName，且在 nodeDefinition 中没有复写 update 方法，导致节点/边更新时执行了 extendedTypeName 中的 update 方法，从而与自定义的 draw 或 drawShape 有出入。可以通过复写 update 方法为 undefined 解决。当 update 方法为 undefined 时，节点/边的更新将会执行 draw 或 drawShape 进行重绘。

目前在学习使用G6，大佬的项目功能强大，但是使用版本较老，G6更新较快，后续版本较3.1版本有变化。在将项目升级至3.5.3版本后，解决了运行报错，成功启动项目，但是拖动图标至画布时，图标的锚点计算方法报错（ shape.isPointInPath is not a function，将渲染方式改为svg后，可以出现锚点，但锚点显示有问题），未升级前尝试新增了几个svg图标，新增图标在画布中不绘制锚点，也不响应事件。看关闭的issue，大佬有更新G6版本的计划，想请教下怎么解决这些问题。

1920*1080
chrome 版本 87.0.4280.88（正式版本） （64 位）

jin'yong禁用g6的inset后正常

有操作图形内文字的API吗？

刚看到这个项目，想问下画完的流程图数据能否保存在库里，以支持回显、再次进行编辑

我在online的demo上试用，当我编辑带Text文本的矩形，将矩形中的文本的fontSize改变之后，并没有发生变化，反而是矩形的shadowColor发生了改变，请问是在线试用的程序的问题，还是本身组件存在bug？

目前不支持GROUP功能
批量对节点做操作时候 如多选复制 性能有点低

红色锚点只有最右边，其他为蓝色点，并且不在边上，连接起来就变成这样了。

大神，您好！我在尝试将您的组件嵌入我自己的项目的时候，出现了一些问题。
当我在Editor文件夹下的index.vue里import G6 from '@/global/g6/index'时，此时代码运行会出现
‘Model parse failed:Unexpected token
You may need an appropriate loader to handle this file type
return{rotate:rad,...result}’
我一开始以为是babel-loader版本落后的原因，将其更新至8.0.0后，仍然出现这种情况，而注释掉import G6 from '@/global/g6/index’代码就能正常运行，我想问一下，引入这个封装的包的时候是否要安装别的loader，或是改其他的配置文件。

我现在有一个后台管理项目下面的一个页面里想导入这个项目使用，但这个打包后是一个单独的项目，应该不可以直接引用到项目里，想请教下这个该如何集成进项目使用，或许我的思路都是错的，希望大佬可以大致说一下应该以何种方式引入？或者指明下思路或者方向？非常感谢！！

上面的情况，是使用源代码，添加节点类型为图片的 不能正常展示

但是如果把 createNode 方法中的 style 属性删除掉 就是正常的，很疑惑这部分渲染跟图片有神魔关系吗

你好，有没有类似https://aiyinshua.tubangzhu.net/template/center 这样的设计工具。
如果你那里有，能分享一下吗？
收费也行

请问有没有网络相关的item节点，比如服务器、防火墙等，如果没有我该如何自定义这些

buglist 的 bug依然很多，而且都是比较关键的bug，例如，撤回、上传json、写入文字就卡顿等等

您好 请问 自定义边时 边上的文字如果太长 或者自定义combo时 label太长 如何控制超出一定宽度就加省略号 鼠标悬浮展示全部文字信息

点击进去 https://oxoyo.github.io/X-Flowchart-Vue/ 之后创建新项目，然后我就死活没找到怎么创建流程图啊什么的，就一块白板，是这用户都不知道怎么用啊。

奇怪

流程图绘制后，通过.save()保存的json数据
后面通过.read()来回显的时候文字颜色、大小以及文本框大小等样式会丢失

Befor

Input

After

我做过性能测试，复制100多个节点，基本就卡死了
我也研究了wfd-vue，他几百个节点也没问题，都是用的g6的3.1版本
但是咱们这个功能特别强大，如果性能上来，就非常完美了