Spring Boot Vue Element入门实战 七、Echart集成

本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766

图表在数据表现层运用十分广泛，常用的有
百度的echarts
hightchart中文网
阿里的antV
Chart.js
除了这些插件外，开源的收费的还有很多，基本使用方法都类似，作者以echarts为例集成到项目中

（一）安装echarts依赖

 

//这里使用的是淘宝镜像安装，如果之前已经安装过依赖，请忽略此步骤
cnpm install echarts -S

（二）引入echarts

这里有2种引用方式，一种是全局引用，另外一种是按需引用，推荐第二种方式，因为全局引用是全部引入，耗费资源大,打包也会造成文件过大，而按需引入只需要引用使用到的依赖。

1.全局引用

// 在main.js中引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts