关于插入echarts表的问题,问题比较急,不知道怎么悬赏,可以的话加微信

发布于 2022-06-22 13:18:26

我想在这一块地方插入echarts饼状图,用来显示接收机中状态正常的数量和不正常的数量
image.png
image.png

查看更多

关注者
0
被浏览
1k
2 个回答
hongzai
hongzai 认证专家 2022-06-22
life is coding,外包,远程协助,咨询添加微信:H0nGzA1

首先后台写一个接口算出正常和不正常的数量,前端axios发请求获取数据,然后echart画饼图
例如
image.png

xiaodaocao
xiaodaocao 2022-06-22
这家伙很懒,什么也没写!

刚好我会.
在这个VUE中这样输入:

这里输入代码 mounted() {//此处调用函数

this.getData();

},
methods: {

handleSetLineChartData(type) {
  this.lineChartData = defaultLineChartData[type];
},
getData() {
  axios.get('http://xxx/test.json').then(response => {
    console.log(response.data.actualData);
    this.lineChartData =response.data;//把返回的数据给linechart
  });

  // setTimeout(() => { 
  //   const data = {
  //     "expectedData": [100, 80, 161, 134, 105, 60, 165],
  //     "actualData": [120, 50, 91, 190, 162, 20, 130]
  //   }
  //   this.lineChartData = data;
  // }, 3000)
},

}
};

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览