Skip to content

alibaba/GGEditor

Repository files navigation

English | 简体中文

GGEditor

基于 G6React 的可视化图编辑器

GitHubnpmnpm

安装

npm

npm install gg-editor --save

umd

<scriptsrc="https://unpkg.com/gg-editor@${version}/dist/index.js"></script>

使用

流程图

Edit GGEditor - Flow

importGGEditor,{Flow}from'gg-editor';constdata={nodes: [{id: '0',label: 'Node',x: 55,y: 55,},{id: '1',label: 'Node',x: 55,y: 255,},],edges: [{label: 'Label',source: '0',target: '1',},],};<GGEditor><Flowstyle={{width: 500,height: 500}}data={data}/></GGEditor>;

脑图

Edit GGEditor - Mind

importGGEditor,{Mind}from'gg-editor';constdata={label: 'Central Topic',children: [{label: 'Main Topic 1',},{label: 'Main Topic 2',},{label: 'Main Topic 3',},],};<GGEditor><Mindstyle={{width: 500,height: 500}}data={data}/></GGEditor>;

示例

# 克隆仓库 $ git clone https://github.com/alibaba/GGEditor.git # 切换目录 $ cd gg-editor # 安装依赖 $ npm install # 运行示例 $ npm start

About

A visual graph editor based on G6 and React

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 5