第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 React 中將數(shù)據(jù)庫中的數(shù)據(jù)放入圖表中

在 React 中將數(shù)據(jù)庫中的數(shù)據(jù)放入圖表中

慕仙森 2023-10-04 15:44:54
我正在嘗試將數(shù)據(jù)庫中的數(shù)據(jù)放入 Chartjs 圖表中,但不確定如何操作。我的數(shù)據(jù)庫如下所示: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: [?]因為這是我想要放置數(shù)據(jù)庫中的數(shù)據(jù)的地方。這就是我獲取其他部分數(shù)據(jù)的方式:{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條經(jīng)驗 獲得超5個贊

您可以使用 Chartjs 的 React 綁定:https://www.npmjs.com/package/react-chartjs-2

有關(guān)參數(shù)請參閱 Chartjs 文檔: https://www.chartjs.org/docs/latest/charts/line.html#number

然而,這不起作用,因為我必須在地圖之外聲明變量。-> 是什么阻止您在映射內(nèi)聲明變量?


查看完整回答
反對 回復(fù) 2023-10-04
  • 1 回答
  • 0 關(guān)注
  • 122 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號