本篇文章主要介绍了在Vue中使用echarts的实例代码（3种图），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

前言 公司的项目中需要对数据做可视化处理，高级点的D3.js目前还没接触到，因此选用了大众化的Echarts, 在vue的生态系统中已经有实现好的vue-echarts，但是使用现成的就意味着必须使用它定制好的数据结构，我也没办法对他进行一些修改。我个人也偏向于原生JS编程，因此没有采用，而是自己在vue中实现了对数据的可视化处理，先来看看效果图 以下数据已做脱敏处理 这是目前用到的三种图。 可以看到，我在图表的外部添加了标题及说明，以及右侧的选择框组件，视图可以根据选择的不同，图表