vue实现组织机构图谱(组织架构图)

最近需要对一些关系知识图谱数据做展示,用d3和echart都觉得用起来太麻烦灵活性还不能满足需求。又赶上现在开发的项目都使用的vue,就搜了一下vue关系图谱组件,结果还真发现一个不错的,尝试了一下感觉很不错,记录一下。

github项目地址是:
https://github.com/seeksdream/relation-graph
官网API文档:
http://relation-graph.com/#/docs


1,这个组件可以直接使用cnpm安装relation-graph:

cnpm install --save relation-graph

2,套用一个示例代码:








展示效果:

一个在线可视化配置工具:



设置节点配置:


你可能感兴趣的:(vue实现组织机构图谱(组织架构图))