@jyorg/relation-graph

基于百度 echarts 的关系图谱组件

安装

npm i @jyorg/relation-graph

属性

| 属性 | 说明 | 类型 | 默认值 | 可选值 | | :--- | :--- | :--- | :--- | :--- | | categories | 节点分类的类目 | Array | - | - | | data | 关系图的节点数据列表 | Array | - | - | | links | 节点间的关系数据 | Array | - | - | | config | 需要覆盖的配置文件 | Object | - | - | | theme | 使用的配色主题 | Sting | shine | shine/macarons | | node-click | 节点点击事件 | Function(data: Object) | - | - |

案例

import Vue from 'vue'
import RelationGraph from '@jyorg/relation-graph'

Vue.use(RelationGraph)

// 需要给父组件的父容器指定宽和高
<relation-graph :categories="categories"
                :data="data"
                :links="links"
                :node-click="handleNodeClick"/>