antV-X6
<每天一点>
这个作者很懒,什么都没留下…
展开
-
antv x6节点node
antv x6节点node原创 2022-04-19 19:21:36 · 3948 阅读 · 1 评论 -
antv x6基类cell第八讲-选项默认值与propHooks
antv x6基类cell第八讲-选项默认值与propHooks原创 2022-04-17 14:28:24 · 1253 阅读 · 0 评论 -
antv x6基类cell第七讲-拖拽模板综合实例
1、效果2、代码实现<template> <a-row :gutter="[8,8]"> <a-col :span="5"> <div id="stencil"/> </a-col> <a-col :span="14"> <div id="container"/> </a-col> <a-col :span="5">..原创 2022-04-15 19:51:59 · 2762 阅读 · 7 评论 -
antv x6基类cell第六讲-通过控制面板修改属性
antv x6基类cell第六讲-通过控制面板修改属性原创 2022-04-11 09:30:00 · 4964 阅读 · 5 评论 -
antv x6基类cell第五讲-文本节点可编辑
antv x6基类cell第五讲-文本节点可编辑原创 2022-04-10 17:01:33 · 4452 阅读 · 8 评论 -
antv x6基类cell第四讲-矩形自定义与css定制样式
antv x6基类cell第四讲-矩形自定义与css定制样式原创 2022-04-09 17:53:51 · 1743 阅读 · 3 评论 -
antv x6基类cell第三讲—重写rect样式及样式优先级
antv x6基类cell第三讲—重写rect样式及样式优先级原创 2022-04-09 14:24:08 · 1990 阅读 · 1 评论 -
antv x6基类cell第二讲—自定义节点Node
antv x6基类cell第二讲—自定义节点Node原创 2022-04-03 21:54:02 · 2764 阅读 · 1 评论 -
antv-x6+v3+ts流程设计器
1、背景:一直希望能在计算机领域与管理学的交叉领域能够有所贡献,但国外的几款流程引擎确实是用的不顺手,国内做的好的好像也都不开源,所以一直有个执念就是能够重写国人自己的开源工作流引擎。第一步还是拿流程设计器开刀,笔者的想法是工作流设计器从前端主业务中独立出来,单独进行开发,不要跟前端的其他业务公用一个项目2、进度:项目进度初步将antv-x6集成进vue3中,最近写了写了一个登陆页面,逻辑关系还在思考中,将持续更新,当然对项目觉得项目对自己有帮助的,或者想拿去二开的小伙伴们也欢迎3、展示原创 2021-01-22 17:35:20 · 4166 阅读 · 5 评论 -
antv-x6在vue3中使用:Undo撤消和Redo还原
1、效果2、vue3 demo<template> <div class="x6-graph-wrap"> <h1>Default Settings</h1> <div class="x6-graph-tools"> <a-button-group> <a-button @click="onUndo" :disabled="!canUndo" >原创 2021-01-06 14:00:47 · 3531 阅读 · 4 评论 -
antv-x6在vue中使用:流程图demo
1、背景看过之前文章的小伙伴们都知道,暂时antv-x6的demo是没有vue版本的,再这里我就不多说了。作者根据官方的react版本写了vue的版本demo;由于vue3慢慢用于生产环境,再加上个人精力有限,无法所以之前的vue2版本不再进行维护,给您带来的不便敬请了解。官方的demo,将尽最大努力写出来放在仓库中,谢谢2、效果图(新)3、demo地址:码云:每天一点/cx-flow-x6...原创 2020-12-28 18:50:00 · 19848 阅读 · 47 评论 -
antv-x6在vue中使用:拖拽 Dnd、Stencil——以小诺管理平台为例
1、说明由于antv-x6刚刚开放不久,一方面网上资料很少,此外antv目前官方的实例基本都是以react作为demo进行演示,所以vue的示例几乎没有,自己按照官方文档的react写了一个vue版本,仅供参考。2、效果先看一下demo的效果,如下所示这是官方网文档的效果,同时官方也给了react版本的demo:https://codesandbox.io/s/wbltl所以如果你用的是react,那么直接按照react的demo直接写就可以了。下面来看看用vue集成之后的效果,如.原创 2020-12-21 09:58:40 · 17817 阅读 · 17 评论 -
antv-x6在vue中使用:graph函数动态添加节点和边
1、官方文档https://antv-x6.gitee.io/zh/docs/tutorial/basic/cell2、demo<template> <div id="container"> </div></template><script>import { Graph, Shape } from '@antv/x6';const data = { // 节点 nodes: [ { id原创 2020-12-17 14:25:03 · 9226 阅读 · 13 评论 -
antv-x6在vue中使用:快速上手测试
1、官方文档:https://antv-x6.gitee.io/zh/docs/tutorial/getting-started2、demo<template> <div id="container"> </div></template><script>import { Graph } from '@antv/x6';const data = { // 节点 nodes: [ { id:原创 2020-12-17 14:15:33 · 8710 阅读 · 1 评论 -
“Error: Ensure the container of the graph is specified and valid“:antv-x6报错
antv-X6快速上手报错:发现原因是因为:正确的代码如下:<template> <div id="container"> </div></template><script>import { Graph } from '@antv/x6';const data = { // 节点 nodes: [ { id: 'node1', // String,可选,节点的唯一标识原创 2020-12-16 11:09:23 · 5889 阅读 · 9 评论