Echarts中，有多个接口，想等多个接口都返回数据，才展示图标，怎么搞

最新推荐文章于 2023-10-23 13:33:21 发布

阅读量341

点赞数

文章标签： echarts 前端 javascript ecmascript

本文链接：https://blog.csdn.net/weixin_35750953/article/details/129070869

版权

本文介绍如何在 Echarts 中利用 Promise.all 方法等待多个接口返回数据后，一次性展示图表。通过将接口调用包装为 Promise，并在所有 Promise 解析后执行图表初始化，确保数据完整。

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

在 Echarts 中，可以使用 Promise 对象来实现等多个接口都返回数据后再展示图表的功能。

具体来说，你可以使用 Promise.all 方法，将所有接口的调用包装成 Promise 对象，然后等所有的 Promise 对象都 resolved 后，再调用图表的初始化方法。

代码示例如下：

Promise.all([api1(), api2(), api3()])
  .then(([data1, data2, data3]) => {
    // 在这里处理数据
    // 初始化图表
    const chart = echarts.init(document<

关注