Graphin是一款优秀的图表分析软件,基于G6封装的一个React组件库,能够实现数据到视图的映射和变化,内置分析组件,使用沉淀分析的方法可以更加深入的进行图表的分析,丰富的布局样式可随意切换,简单高效。
基本简介
Graphin取名意为Graph Insight(图的分析洞察),是一个基于G6封装的React组件库,专注在关系可视分析领域,简单高效,开箱即用。
软件特色
1、数据驱动
充分利用 React 框架特性,支持数据到视图的映射与变化
2、自动布局
内置丰富的布局,支持布局切换,满足不同场景下的布局需求
3、分析探索
沉淀分析方法,内置分析组件,专注关系可视分析领域
Graphin安装启动方法
安装
快速上手
该演示版本比较低, 需要去 github 上安装最新的 @antv/graphin
当前安装版本
“@antv/graphin”: “^1.4.0”
“@antv/graphin-components”: “^1.4.0”
“antd”: “^4.5.4”,
“react”: “^16.11.0”,
“react-dom”: “^16.11.0”,
“react-scripts”: “^3.4.3”
建议使用 cnpm 来安装, 毕竟是国产
node 版本选用最新 LTS 就行
demo下载
启动
> npm run start
You can now view graphin in the browser.
Local: http://localhost:3000
On Your Network: http://192.168.0.100:3000
更新日志
在初始化流程,新增initState,能够让数据有一个初始化的状态
JSON shema的描述注册节点,新增update 方法
为了提高fit view的效率 取边上4个点去进行第一次的fit view
∨ 展开