vue知识图谱可视化_Echarts 绘制关系图（知识图谱可视化）

1. 前言

正在做知识图谱 ，以前可视化用的是D3，因为D3不是太会，而且D3学习成本比较高，所以改用Echarts，Echarts做出来的关系图还是挺好的。

2. 关系图实例

样例代码如下：

ECharts 关系图

var myChart = echarts.init(document.getElementById('main'));

var categories = [];

for (var i = 0; i < 2; i++) {

categories[i] = {

name: '类目' + i

};

}

option = {

// 图的标题

title: {

text: 'ECharts 关系图'

},

// 提示框的配置

tooltip: {

formatter: function (x) {

return x.data.des;

}

},

// 工具箱

toolbox: {

// 显示工具箱

show: true,

feature: {

mark: {

show: true

},

// 还原

restore: {

show: true

},