0.1.1 • Published 5 years ago
rv-graph v0.1.1
rv-graph
基于 vis-network 的 react 可视化网络图库。
Install
$ npm i -S rv-graphComponent Props
| 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%'} | 组件样式 |
Ref Props
rv-graph 提供感知和操作关系图的能力，对于组件实例提供以下属性
| name | type | description |
|---|---|---|
| network | object | 底层关系图对象，提供的操作详见 vis-network-methods |
| nodes | object | 底层关系图节点对象，提供的操作详见 vis-nodes-methods |
| edges | object | 底层关系图边对象，提供的操作详见 vis-edges-methods |
Example
Notice
ionicons图标名称和unicode编码请参考ionicons cheatsheetfont-awesome图标名称和unicode编码请参考font-awesome官网