Nodes Per Minute

    @antv/x6-next
    TypeScript icon, indicating that this package has built-in type declarations

    2.0.1-beta.2 • Public • Published

    简体中文 | English

    flow

    X6 是 AntV 旗下的图编辑引擎

    提供简单易用的节点定制能力和开箱即用的交互组件,方便我们快速搭建流程图、DAG 图、ER 图等图应用

    build coverage Language grade: JavaScript NPM Package NPM Downloads

    MIT License Language PRs Welcome website

    特性

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

    兼容环境

    • 现代浏览器和 IE11(需要 polyfills)
    • 支持服务端渲染。
    IE / Edge
    IE / Edge
    Firefox
    Firefox
    Chrome
    Chrome
    Safari
    Safari
    IE11, Edge last 2 versions last 2 versions last 2 versions

    安装

    # npm
    $ npm install @antv/x6 --save
    
    # yarn
    $ yarn add @antv/x6

    示例

    <div id="container" style="width: 600px; height: 400px"></div>
    import { Graph } from '@antv/x6'
    
    const graph = new Graph({
      container: document.getElementById('container'),
      grid: true
    })
    
    const source = graph.addNode({
      x: 300,
      y: 40,
      width: 80,
      height: 40,
      label: 'Hello',
    })
    
    const target = graph.addNode({
      x: 420,
      y: 180,
      width: 80,
      height: 40,
      label: 'World',
    })
    
    graph.addEdge({
      source,
      target,
    })

    链接

    本地开发

    # 全局安装 yarn 和 lerna 工具
    $ npm install yarn -g
    $ npm install lerna -g
    
    # 安装项目依赖和初始化构建
    $ yarn bootstrap
    
    # 进入到指定项目开发和调试
    cd packages/x6
    yarn build:watch
    
    # 启动 example 查看效果
    cd examples/x6-example-features
    yarn start

    参与共建

    如果希望参与到 X6 的开发中,请遵从我们的贡献指南。如果你贡献度足够活跃,你可以申请成为社区协作者。

    Contributors

    开源协议

    该项目的代码和文档基于 MIT License 开源协议。

    Install

    npm i @antv/x6-next

    DownloadsWeekly Downloads

    12

    Version

    2.0.1-beta.2

    License

    MIT

    Unpacked Size

    2.95 MB

    Total Files

    422

    Last publish

    Collaborators

    • basketduck
    • biupiubiupiu
    • flash1
    • dreammy23
    • laixingui.lxg
    • zhangjunjie-loki
    • rainy25ghz
    • zeyuwang
    • yanxiong
    • susiwen8
    • freestyle21
    • soundquiet
    • elaine.q.10
    • sturuby
    • lviser
    • sakuya223
    • serializedowen
    • xdzhao
    • yangzhanmei
    • wjgogogo
    • leungwensen
    • dori
    • iaaron
    • yard
    • simaq
    • dxq613
    • intchous
    • susan_ann
    • jinke.li
    • lzxue
    • army8735
    • atool
    • baizn
    • dengfuping
    • neoddish
    • jeffy2012
    • zqlu
    • afc163
    • pomelo-nwu
    • kopiluwaky
    • ccnuzindex
    • panyuqi
    • bubkoo
    • zengyue
    • kasmine
    • boyu.zlj
    • l1ud0ngq1
    • newbyvector
    • winniexing
    • chenluli
    • kn9117
    • xdddst
    • semious2020
    • esora
    • nadia_liu
    • bbsqq
    • mxz96102
    • openwayne
    • pearmini
    • pddpd
    • yiqianyao
    • zhanba
    • cxxxxxn