echarts

在vue项目中使用echarts的步骤

npm install echarts --save

安装完成之后, 我们就可以开始引入echarts, 引入分为两种: 全局引用和局部引用, 区别在于使用局部引用的话你想在其他组件内用echarts就必须重新引入了

全局引用

main.js文件
import echarts from ‘echarts‘
Vue.prototype.echarts = echarts;

局部引用

xxx.vue文件
import echarts from ‘echarts‘

上面的两种引入方法都会将所有的echarts图表打包，导致体积过大，所以从性能优化上看最好还是按需引入比较好

按需引入

自建echarts.js文件
 // 加载echarts，注意引入文件的路径
 import echarts from ‘echarts/lib/echarts‘
  
 // 再引入你需要使用的图表类型，标题，提示信息等
 import ‘echarts/lib/chart/bar‘
 import ‘echarts/lib/component/legend‘
 import ‘echarts/lib/component/title‘
 import ‘echarts/lib/component/tooltip‘
 export default echarts

 // 在所需文件中引入echarts.js文件
<script>
import echarts from ‘@/common/echarts‘
</script>

树形关系图

coding...

echarts

原文：https://www.cnblogs.com/chyshy/p/13212691.html