我正在嘗試將數據庫中的數據放入 Chartjs 圖表中,但不確定如何操作。我的數據庫如下所示:GET /dwelling/room/[ { "room_id": 1, "room_name": "Living Room", "room_data": [ { "id": 1, "temperature": "5,15,9..." "humidity": "9,3,10..." ...我目前正在使用 MDB React 庫中的代碼來繪制折線圖: const dataLine = { labels: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00'], datasets: [ { fill: false, lineTension: 0.1, backgroundColor: 'rgba(75,192,192,0.4)', ... pointHitRadius: 10, data: [?] } ]};我添加了一個問號,data: [?]因為這是我想要放置數據庫中的數據的地方。這就是我獲取其他部分數據的方式:{props.room.map(room => { return ( <React.Fragment> <div>{room.room_name}<div> </React.Fragment> ...我努力了:var dataSet = {room.room_data[0].temperature}var dataArray = dataSet.split(',');...data: [dataArray]然而,這不起作用,因為我必須在地圖之外聲明變量。我將不勝感激任何幫助!謝謝你!
1 回答

收到一只叮咚
TA貢獻1821條經驗 獲得超5個贊
您可以使用 Chartjs 的 React 綁定:https://www.npmjs.com/package/react-chartjs-2
有關參數請參閱 Chartjs 文檔: https://www.chartjs.org/docs/latest/charts/line.html#number
然而,這不起作用,因為我必須在地圖之外聲明變量。-> 是什么阻止您在映射內聲明變量?
- 1 回答
- 0 關注
- 115 瀏覽
添加回答
舉報
0/150
提交
取消