1.最终效果预览
![](https://i-blog.csdnimg.cn/blog_migrate/43349a42528e0bf3a1c70d13143f925e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a82fc66b891bc7de955e537d0dd1099c.png)
2.页面布局
<template>
<Echart id="centerBottom1"
:options="options"
ref="centerBottom1"
:style="{width: '300px', height: '150px'}" />
</template>
3.页面逻辑
data() {
return {
options: {}
}
},
mounted() {
this.getData()
},
methods: {
//获取数据并加载到echart上
async getData() {
let d = await currentGET(&