文章詳情頁(yè)
python - 如何使用websocket在網(wǎng)頁(yè)上動(dòng)態(tài)示實(shí)時(shí)數(shù)據(jù)的折線圖？
瀏覽：195日期：2022-08-04 11:40:46
問題描述
需要在樹莓派上搭建一個(gè)webserver（使用flask），將樹莓派采集到的傳感器實(shí)時(shí)數(shù)據(jù)（用python采集）以折線圖(或柱狀圖)的方式動(dòng)態(tài)顯示在網(wǎng)頁(yè)上。
問題解答
回答1：你既然已經(jīng)知道了用websocket和flask，可以用flask-SocketIO這個(gè)插件，結(jié)合一個(gè)前端圖表組件，比如：echarts、HighCharts或者amCharts，websocket接收到新數(shù)據(jù)實(shí)時(shí)更新表格即可。
回答2：我現(xiàn)在也遇到同樣的需求啊，準(zhǔn)備用echarts實(shí)現(xiàn)數(shù)據(jù)的實(shí)時(shí)展示。
相關(guān)文章：
1. objective-c - iOS開發(fā)支付寶和微信支付完成為什么跳轉(zhuǎn)到了之前開發(fā)的一個(gè)app?2. mysql優(yōu)化 - 關(guān)于mysql分區(qū)3. 請(qǐng)教各位大佬，瀏覽器點(diǎn) 提交實(shí)例為什么沒有反應(yīng)4. 致命錯(cuò)誤: Class ’appfacadeTest’ not found5. javascript - ionic2 input autofocus 電腦成功，iOS手機(jī)鍵盤不彈出6. python - 管道符和ssh傳文件7. css - 移動(dòng)端字體設(shè)置問題8. css - 求推薦適用于vue2的框架 像bootstrap這種類型的9. html5 - 如何實(shí)現(xiàn)帶陰影的不規(guī)則容器？10. javascript - 循環(huán)嵌套多個(gè)promise應(yīng)該如何實(shí)現(xiàn)？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備