Giter Site home page Giter Site logo

dongyinuo / antv-x6-vue-demo Goto Github PK

View Code? Open in Web Editor NEW

This project forked from lwstudy/antv-x6-vue-demo

0.0 0.0 0.0 8.06 MB

Vue实现Antv X6中的示例,以及一些开发场景

License: MIT License

JavaScript 50.29% CSS 0.53% HTML 22.99% Vue 21.79% SCSS 4.40%

antv-x6-vue-demo's Introduction

antv-x6-vue-demo

  • Vue实现Antv X6中的示例,以及一些开发场景

使用脚手架(自动生成接口、路由)实现一些x6在vue2中的实例写法 已实现ER、 BPMN、 UML、 思维导图、 自定义功能

介绍

antv/X6学习与实例

ER图---完善为db数据库图表

avatar

ER图---er图增加布局等

avatar

ERV2图---x6-V2.x

  • 增加tooltip avatar
  • 增加右键菜单 avatar
  • 全屏处理 avatar
  • 一对多自定义连线 avatar
  • 画布移动与节点选择切换
  • 大数据量demo测试(配合可视化区域内节点可以在3000个节点时依然能够操作)
  • 仅加载可视化区域内的节点

BPMN图---实现当前节点和通过节点的高亮,以及驳回边的智能处理

avatar

拖拽绘制BPMN图(Stencil基于dnd拖拽封装的插件实现UI组件)

avatar

UML图

avatar

思维导图

avatar

自定义流程图(vue-shape)

avatar

自定义散点图(vue-shape)

avatar

散点关系图谱(vue-shape)

avatar

circle关系图谱(内置shape)

avatar

项目安装启动

npm install
# 或者yarn

编译运行开发环境

npm run serve

编译部署生产环境

npm run build

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

特技

  1. 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
  2. Gitee 官方博客 blog.gitee.com
  3. 你可以 https://gitee.com/explore 这个地址来了解 Gitee 上的优秀开源项目
  4. GVP 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
  5. Gitee 官方提供的使用手册 https://gitee.com/help
  6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 https://gitee.com/gitee-stars/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.