微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Chart.js 线入门

如何解决Chart.js 线入门

我需要使用 react-chartjs-2 库在我的 ReactJS 应用程序中生成折线图。但我不知道如何组织数据集中的数据。我的数据来自数据库,如下所示:

"weatherdata_history": [
      {
        "date": "2021-07-14T14:09:26.763Z","hourly_data": [
          {
            "dt": 1626220800,"temp": 17.82,"feels_like": 17.56,"pressure": 1018,"humidity": 73,"dew_point": 12.92,"uvi": 0,"clouds": 100,"visibility": 10000,"wind_speed": 2.11,"wind_deg": 50,"wind_gust": 2.13,"weather": [
              {
                "id": 804,"main": "Clouds","description": "nublado","icon": "04n"
              }
            ]
          },{
            "dt": 1626224400,"temp": 17.7,"feels_like": 17.43,"dew_point": 12.8,"wind_speed": 3.05,"wind_deg": 37,"wind_gust": 3.79,]
    },{
        "date": "2021-07-13T11:05:22.763Z",]
    }
]

每天返回每小时数据数组的位置。我需要根据这些每小时数据生成日期 (dt) 和温度 (temp) 图表。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。