Python Django+Echarts將資料作視覺化輸出
阿新 • • 發佈:2018-12-30
以上為最終結果
Django是開放原始碼的Web應用框架,由Python語言編寫。
pip3 install django安裝Django,並加入系統變數Path。
建立Django專案,並在PyCharm下的terminal輸入:python manage.py startapp Reconnaissance
路由都在urls檔案裡,它將瀏覽器輸入的url對映到相應的業務處理邏輯。
簡單的urls編寫方法如下圖:
業務處理邏輯都在views.py檔案裡:
views.py中的函式將資料封裝好,從並傳入前端:
render()函式我不是太熟悉,但它會將dict_for_html這個字典(裡面有我需要在頁面上展示的資料)傳到fundamental.html中
在fundamental.html中,引入echarts.js
<!-- 引入 echarts.js -->
<script src="/static/js/echarts.js"></script>
為了實時更新資料,我設定頁面每日自動更新,沒重新整理一次頁面,會自動呼叫對應函式一次,以獲取新資料:
獲取從views.py傳來的資料<!-- 每隔一天重新整理一次頁面 --> <!-- 86320s = 24hours * 60mins * 60s - 重新整理時間80s --> <meta http-equiv="refresh" content="86320">
<script type="text/javascript">
// 獲取從viewspy傳來的資料
var time = {{ time|safe }};
var signal = {{ signal|safe }};
var state1 = {{ state1|safe }};
var state2 = {{ state2|safe }};
利用Echart對資料作視覺化展示: