vue echarts 数据加载效果，隐藏加载效果

最新推荐文章于 2024-07-02 10:19:23 发布

tenc1239

最新推荐文章于 2024-07-02 10:19:23 发布

阅读量208

点赞数

分类专栏： vue基础 echarts 文章标签： vue.js echarts 前端

本文链接：https://blog.csdn.net/tenc1239/article/details/131731168

版权

vue基础同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

echarts

8 篇文章 0 订阅

订阅专栏

这段代码展示了如何使用this.myChart显示和隐藏加载效果，通过this.axios.get方法从url获取数据。成功后，数据被赋值给data，加载效果隐藏，并进行图表的后续处理。如果出现错误，同样会隐藏加载效果并打印错误信息。

摘要由CSDN通过智能技术生成

this.myChart.showLoading();
this.axios.get(url).then((resp) => {
  data = resp.data;
  // 数据加载完成后，隐藏加载效果
  this.myChart.hideLoading();
  // 然后继续处理数据和更新图表
  // ...
}).catch((error) => {
  // 在错误处理中也需要隐藏加载效果
  this.myChart.hideLoading();
  console.log(error);
})