vue中使用echart

以下是为您整理出来关于【vue中使用echart】合集内容,如果觉得还不错,请帮忙转发推荐。

【vue中使用echart】技术教程文章

如何在vue中使用echart【代码】【图】

1.安装echarts依赖 npm install echarts --save2.在main.js中全局中引用import echarts from ‘echarts‘Vue.prototype.$echarts = echarts3.在你需要用到echart的地方先设置一个div的id、宽高,例子:<div id="chart-part1" style="width:100%;height:376px"></div>然后我们要在mounted生命周期函数中实例化echarts对象。因为我们要确保dom元素已经挂载到页面中。mounted(){this.getEchartData1() },methods: {getEchartData1 ...