vue中使用Echarts

前几天我们做好了一个权限管理的平台，今天我们在这个平台里练习vue2如何使用echarts。

如图这是echarts中的一个典型的关系图，每个圆圈都是一个节点，每两个节点相连就形成了这样一个关系网。

如何引入echarts呢，最好就是去官网查看，它会给我们示例可以选择按需引入方式。首先要下载 npm i echarts -S , 然后根据文档一步步操作就好。

需要注意的是，官网这里有关option里的数据是通过外部链接请求过来的，它使用jQuery的Ajax请求，但是我们使用的是vue，如果直接照搬系统就会报错，无法识别$.getJson()

 所以，我们可以点开右边的配置项，这里就是option的相关数据了，我们在修改这些数据就可以改变图形了。