平时在项目中实现数据可视化，可以使用百度的开源图表库echarts，根据项目需求来绘制生成各种类型的图表，那么在Vue中如何引入echarts并封装成组件调用呢？

目录：

因为通过vue-echarts按需引入时，一些组件模块（如折线图、柱状图，提示框和标题组件等）需要依赖已经包含所有图表和组件的Echarts包，所以这里两个都需要安装：

当然，你不使用vue-echarts也可以实现按需引入，就可以不安装vue-echarts，下面会讲到。

在入口文件main.js中：

新建MyChart.vue组件，内容如下，其中option配置可在引用组件时通过props传入，在这里为了演示我直接写在组件里了：