文章詳情頁
python - 如何使用websocket在網(wǎng)頁上動(dòng)態(tài)示實(shí)時(shí)數(shù)據(jù)的折線圖？
瀏覽：181日期：2022-08-04 11:40:46
問題描述
需要在樹莓派上搭建一個(gè)webserver（使用flask），將樹莓派采集到的傳感器實(shí)時(shí)數(shù)據(jù)（用python采集）以折線圖(或柱狀圖)的方式動(dòng)態(tài)顯示在網(wǎng)頁上。
問題解答
回答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. 數(shù)組按鍵值封裝！2. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問題3. java - 阿里的開發(fā)手冊(cè)中為什么禁用map來作為查詢的接受類?4. docker不顯示端口映射呢？5. javascript - webpack中alias配置中的“@”是什么意思？6. 主題切換問題，用過別人的webapp在后臺(tái)切換模板主題后手機(jī)端打開網(wǎng)頁就是切換到的主題了7. python - flask _sqlalchemy 能否用中文作為索引條件8. javascript - 為什么創(chuàng)建多行多列的表格最后只有一行內(nèi)有表格9. javascript - ES6規(guī)范下 repeat 函數(shù)報(bào)錯(cuò) Invalid count value10. html5 - 使用echarts中的圖表 一個(gè)頁面導(dǎo)入了好幾個(gè)js圖表 實(shí)現(xiàn)echarts圖表隨著瀏覽器窗口變化而變化時(shí)出現(xiàn)了問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備