這是我在腳本中初始化圖表的腳本JavaScript$(document).ready( () => { setInterval( () => { var sensorUpdatedData = new XMLHttpRequest(); sensorUpdatedData.onreadystatechange = () => { if(sensorUpdatedData.readyState === 4) { if(sensorUpdatedData.status === 200) { console.log("ready"); var Data = JSON.parse(sensorUpdatedData.responseText); console.log(Data); valueTemp = Data.temperature; valueHum = Data.humidity; valueSmoke = Data.smoke; reading_time = Data.reading_time; reading_time_hour = Data.reading_time_hour; myChartTemp.update(); myChartHum.update(); myChartSmoke.update(); myChartData.update(); } else { alert('Error Code: ' + sensorUpdatedData.status); alert('Error Message: ' + sensorUpdatedData.statusText); } } } sensorUpdatedData.open('POST', 'data.php', true); sensorUpdatedData.send(); }, 5000); });所有值都正確更新(我用一些 console.log 進行了測試)這就是我創建其中一張圖表的方式:var ctxTempChart = document.getElementById("chartLineTemp").getContext("2d"); var gradientStrokeTempChart = ctxTempChart.createLinearGradient(0, 230, 0, 50); gradientStrokeTempChart.addColorStop(1, 'rgba(29,140,248,0.2)'); gradientStrokeTempChart.addColorStop(0.4, 'rgba(29,140,248,0.0)'); gradientStrokeTempChart.addColorStop(0, 'rgba(29,140,248,0)'); //blue colors var dataTemp = { labels: reading_time_hour, datasets: [{ label: "Temperature", fill: true, backgroundColor: gradientStrokeTempChart, });超文本標記語言 <canvas id="chartLineTemp"></canvas>一切似乎都工作正常,但我不知道如何顯示更新的數據。vavalueTemp、valueHum...在腳本開頭全局聲明
- 2 回答
- 0 關注
- 161 瀏覽
添加回答
舉報
0/150
提交
取消