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