<output id="ilehw"><bdo id="ilehw"><nobr id="ilehw"></nobr></bdo></output>
        <dl id="ilehw"><font id="ilehw"></font></dl>
          1. 基于 G6 和 React 的可视化图编辑器 GGEditor

            MIT
            JavaScript 查看源码»
            跨平台
            2018-09-06
            高力

            GGEditor

            language GitHub license npm version npm downloads

            基于 G6 和 React 的可视化图编辑器

            演示

            流程图

            Flow

            思维导图

            Mind

            安装

            npm

            npm install --save gg-editor

            umd


            run demo

            $ git clone https://github.com/gaoli/GGEditor.git
            $ cd gg-editor
            $ npm install
            $ npm start

            快速开始

            流程图

            import GGEditor, { Flow } from 'gg-editor';
            
            const data = {
              nodes: [{
                type: 'node',
                size: '70*70',
                shape: 'flow-circle',
                color: '#FA8C16',
                label: '起止节点',
                x: 55,
                y: 55,
                id: 'ea1184e8',
                index: 0,
              }, {
                type: 'node',
                size: '70*70',
                shape: 'flow-circle',
                color: '#FA8C16',
                label: '结束节点',
                x: 55,
                y: 255,
                id: '481fbb1a',
                index: 2,
              }],
              edges: [{
                source: 'ea1184e8',
                sourceAnchor: 2,
                target: '481fbb1a',
                targetAnchor: 0,
                id: '7989ac70',
                index: 1,
              }],
            };

            思维导图

            import GGEditor, { Mind } from 'gg-editor';
            
            const data = {
              roots: [{
                label: '?#34892;?#20027;题',
                children: [{
                  label: '分支主题 1',
                }, {
                  label: '分支主题 2',
                }, {
                  label: '分支主题 3',
                }],
              }],
            };

            文档

            钉钉交流

            钉钉交流

            的码云指数为
            超过 的项目
            加载中

            评论(9)

            Tom-Lin
            Tom-Lin
            不支持ie?不支持 edge ?
            小王来了
            小王来了
            mark一波
            scl555
            scl555
            mark
            天下无蛋蛋
            天下无蛋蛋
            有vue的版本么
            RippleChan
            RippleChan
            如果有MindManager的功能。。。
            --0_0--
            --0_0--
            第一个gif我已经基于G6做了一个版本了, 源码也略窥一二, 感觉没有echarts写的好
            Collin-Chen
            Collin-Chen
            感觉是个好东东 mark
            木禾子
            木禾子
            腻害
            Youtubeornotobe
            Youtubeornotobe
            厉害

            暂无资讯

            暂无问答

            暂无博客

            返回顶部
            顶部
            广东快乐十分实时开奖

                  <output id="ilehw"><bdo id="ilehw"><nobr id="ilehw"></nobr></bdo></output>
                  <dl id="ilehw"><font id="ilehw"></font></dl>

                            <output id="ilehw"><bdo id="ilehw"><nobr id="ilehw"></nobr></bdo></output>
                            <dl id="ilehw"><font id="ilehw"></font></dl>