iT邦幫忙

0

如何用pyhton在網頁中呈現可互動的資料視覺化圖形

目前用flask架設了一個網頁
後端都用python開發
在網頁輸入搜尋條件後,後端取得資料
並使用python的matplotlib畫好存成png
再將png圖片顯示在網頁上

但現在user希望能夠有像matplotlib內建的圖片呈現
可以動態調整圖片局部縮放、X、Y軸刻度密度調整的功能
上網搜尋了一下matplotlib在網頁的應用
大多都是像我一樣畫好存圖,再呈現到網頁上

有沒有甚麼方法可以在網頁使用matplotlib的這些功能
或是python有其他的模組可以做到類似的事情

另外上網查了之後有看到D3.js這個JS庫似乎能做到這件事
但我對JS語法不太熟悉,撈資料這部分也要重新研究
開發成本有點高,是下下策...

froce iT邦大師 1 級 ‧ 2021-11-19 11:36:39 檢舉
plotly、seaborn

之前打了兩個錯字,已更正。
請問您指的是plotly 嗎 看起來符合我的需求 我會試試看 謝謝
0
c10413c10413
iT邦新手 5 級 ‧ 2021-11-19 11:35:15

試試看取得資料後,傳回前端利用highchart作圖?

好的 我試試看 謝謝

1
japhenchen
iT邦大師 1 級 ‧ 2021-11-19 14:25:15

前端用這個.js
https://echarts.apache.org/examples/en/index.html

後端的部份只要搭配ajax跟json格式的資料,這方面python是強項

我研究看看 謝謝

0
bogay
iT邦新手 5 級 ‧ 2021-11-19 21:29:46

streamlit 如何?
之前看他官方 demo 寫起來短短的,如果只是為了展示資料的話應該挺適合。

bogay iT邦新手 5 級 ‧ 2021-11-19 21:30:20 檢舉

而且好像比較不需要另外寫 js 處理前端問題?

我用看看 感謝

0
KL
iT邦新手 5 級 ‧ 2021-11-21 10:39:56

圖表的網頁互動基本上使用Plotly可以做到你所述的要求。

網頁框架的部分:

  • Streamlit + Plotly (簡單上手,不須煩惱前端問題)
  • Dash + Plotly (稍微進階點)

這裡有個Streamlit + Plotly的台股範本,十五分鐘即可上手。
Streamlit極簡易的Dashboard開發

感謝!

我要發表回答

立即登入回答