開源中國

我們不支持 IE 10 及以下版本瀏覽器

It appears you’re using an unsupported browser

為了獲得更好的瀏覽體驗,我們強烈建議您使用較新版本的 Chrome、 Firefox、 Safari 等,或者升級到最新版本的IE瀏覽器。 如果您使用的是 IE 11 或以上版本,請關閉“兼容性視圖”。
GGEditor首頁、文檔和下載 - 基于 G6 和 React 的可視化圖編輯器 - 開源中國社區

        <output id="ilehw"><bdo id="ilehw"><nobr id="ilehw"></nobr></bdo></output>
        <dl id="ilehw"><font id="ilehw"></font></dl>
          1. 全部項目分類
            MIT
            JavaScript 查看源碼»
            跨平臺
            高力
            分享
            收藏
            92 人收藏
            收錄時間:2018-09-06
            GGEditor 詳細介紹

            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: '中心主題',
                children: [{
                  label: '分支主題 1',
                }, {
                  label: '分支主題 2',
                }, {
                  label: '分支主題 3',
                }],
              }],
            };

            文檔

            釘釘交流

            釘釘交流

            GGEditor

            選擇將代碼托管在碼云
            你還在等什么

            可能是中國最大最好的代碼托管平臺


            大家對 GGEditor 的評論 (全部 8 條評論)
            {{repayCom.userName}}
            小王來了
            mark一波
            scl555
            mark
            天下無蛋蛋
            有vue的版本么
            RippleChan
            如果有MindManager的功能。。。
            --0_0--
            第一個gif我已經基于G6做了一個版本了, 源碼也略窺一二, 感覺沒有echarts寫的好
            頂部
            广东快乐十分实时开奖

                  <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>