echarts 折线图+阿里云天气api

最新推荐文章于 2024-07-29 17:43:09 发布

Arnoldtrain

最新推荐文章于 2024-07-29 17:43:09 发布

阅读量473

点赞数

文章标签： echarts 前端 javascript Powered by 金山文档

本文链接：https://blog.csdn.net/Arnoldtrain/article/details/128546200

版权

本文介绍了如何结合echarts图表库和阿里云天气API，实现实时天气数据的动态折线图展示。通过JavaScript编程，将获取到的天气信息转化为echarts可读数据，动态更新折线图，为用户提供直观的天气变化视图。

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

最终实现

 drawLine (id) {
      let params = {
        area: this.city,
      };
      axios
        .get("阿里云天气api接口", {
          params: params,
          headers: {
            Authorization: "",//查看阿里自己的标识
          },
        })
        .then((res) => {
          this.resp = res.data.showapi_res_body.dayList;
          let