vis-network 的 react 版
基于 vis-network 的 react 可视化网络图库。
$ npm i -S rv-graph
| name | type | required | default | description |
|---|---|---|---|---|
| graph | object{nodes: object[], edges: object[]} | {nodes: [], edges: []} | 关系图的节点数据集和边数据集, 配置详见 nodes / edges | |
| options | object | 详见 util.js | 关系图配置项，详见 vis-network-options | |
| events | object | {} | 关系图事件，详见 vis-network-events | |
| identifier | string | uuid.v4() | 组件渲染节点的样式 id | |
| className | string | 组件 className | ||
| style | object | {width: ‘100%’, height: ‘100%’} | 组件样式 |
rv-graph 提供感知和操作关系图的能力，对于组件实例提供以下属性
| name | type | description |
|---|---|---|
| network | object | 底层关系图对象，提供的操作详见 vis-network-methods |
| nodes | object | 底层关系图节点对象，提供的操作详见 vis-nodes-methods |
| edges | object | 底层关系图边对象，提供的操作详见 vis-edges-methods |
ionicons 图标名称和 unicode 编码请参考 ionicons cheatsheet
font-awesome 图标名称和 unicode 编码请参考 font-awesome 官网