logo

X6

  • 文档
  • API
  • 图表示例
  • 常见问题
  • 更新日志
  • XFlow
  • 所有产品antv logo arrow
  • 2.x
  • 简介
  • 快速上手
  • 基础
    • 画布
    • 节点
    • 边
    • 连接桩
    • 交互
    • 事件
    • 数据
  • 进阶
    • 连接点
    • 工具
    • 群组
    • React 节点
    • Vue 节点
    • Angular 节点
    • HTML 节点
  • 插件
    • 图形变换
    • 对齐线
    • 复制粘贴
    • 快捷键
    • 撤销重做
    • 框选
    • 滚动画布
    • 小地图
    • Dnd
    • Stencil
    • 导出
  • 升级到 2.x 版本
  • 开发者工具

简介

下一篇
快速上手

Resources

Ant Design
Galacea Effects
Umi-React 应用开发框架
Dumi-组件/文档研发工具
ahooks-React Hooks 库

社区

体验科技专栏
seeconfSEE Conf-蚂蚁体验科技大会

帮助

GitHub
StackOverflow

more products更多产品

Ant DesignAnt Design-企业级 UI 设计语言
yuque语雀-知识创作与分享工具
EggEgg-企业级 Node 开发框架
kitchenKitchen-Sketch 工具集
GalaceanGalacean-互动图形解决方案
xtech蚂蚁体验科技
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

X6 是基于 HTML 和 SVG 的图编辑引擎,提供低成本的定制能力和开箱即用的内置扩展,方便我们快速搭建 DAG 图、ER 图、流程图、血缘图等应用。

如果你还没有使用过 X6, 建议通过 快速上手 抢先体验 X6 的魅力。

buildNPM PackageNPM Downloads

MIT LicenseLanguagePRs Welcomewebsite

✨ 特性

  • 🌱  极易定制:支持使用 SVG/HTML/React/Vue 定制节点样式和交互;
  • 🚀  开箱即用:内置 10+ 图编辑配套扩展,如框选、对齐线、小地图等;
  • 🧲  数据驱动:基于 MVC 架构,用户更加专注于数据逻辑和业务逻辑;
  • 💯  事件驱动:可以监听图表内发生的任何事件。

🍉 使用文档

  • 快速上手
  • 基础
  • 进阶
  • 插件
  • API

X6 文档整体分为文档和 API 两部分,建议仔细阅读文档内容,会帮助你更好的上手开发,API 文档内容比较多,可以等遇到问题时,通过搜索定位到相关的文档。

❤️ 如何交流

如果您有任何的问题、建议、反馈或者交流意愿,可以通过如下方式联系我们:

  • 官方推荐: GitHub issues
  • 邮件:antv@antfin.com
  • 语雀专栏:https://www.yuque.com/antv/blog
X6 图编辑交流群

🤝 参与贡献

Bugs

如果您在使用的过程中碰到问题,可以先通过 issues 看看有没有类似的 bug 或者建议。在你报告一个 bug 之前,请先确保已经搜索过已有的 issue 和阅读了我们的常见问题。

行为准则

我们有一份行为准则,希望所有的贡献者都能遵守,请花时间阅读一遍全文以确保你能明白哪些是可以做的,哪些是不可以做的。

加入社区

还可以参考下面的贡献指南,一步一步成为 X6 的贡献者吧:

  • 如何参与到 X6 开源开发
  • 如何优雅地在 github 上贡献代码
Contributors