1. 程式人生 > >Python Django+Echarts將資料作視覺化輸出

Python Django+Echarts將資料作視覺化輸出

以上為最終結果

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>
為了實時更新資料,我設定頁面每日自動更新,沒重新整理一次頁面,會自動呼叫對應函式一次,以獲取新資料:
    <!-- 每隔一天重新整理一次頁面 -->
    <!-- 86320s = 24hours * 60mins * 60s - 重新整理時間80s -->
    <meta http-equiv="refresh" content="86320">
獲取從views.py傳來的資料
    <script type="text/javascript">
        // 獲取從viewspy傳來的資料
        var time = {{ time|safe }};
        var signal = {{ signal|safe }};
        var state1 = {{ state1|safe }};
        var state2 = {{ state2|safe }};
利用Echart對資料作視覺化展示: