在vue 中使用百度echarts

Posted 2023-03-04

参考技术A

前言：在vue2.0中使用 百度echarts 有三种解决方案。

这样每次都要获取图表dom元素 然后通过setOption渲染数据，最后在mounted中初始化。很麻烦。

vue-echarts 是ECharts 的 Vue.js 组件，基于 ECharts v4.1.0 + 开发，依赖 Vue.js v2.2.6 +，意思就是可以直接把echarts实例当中vue中的组件来使用，不用每次都获取dom、挂在dom，轻松使用echarts的所用功能。。。

v-charts 是基于vue2二次封装的图表组件库，功能没有echarts多 但也够用了，官网很详细，这里用一个官网例子说明问题。

以上，可跟据需求选用，如果需求简单可直接用 v-charts