1. 程式人生 > >web資料視覺化——django+echarts

web資料視覺化——django+echarts

資料視覺化:django網頁呈現echarts圖表

先看效果:


在搭建好python+django環境後,新建工程JSTest和應用js01。django工程和應用的配置不再贅述。

js01下新建templates,存放echarts.html。新建static,存放靜態檔案,將原始碼下的js資料夾複製到static下:


複製到:


這樣echarts便與settings.py中的STATIC_URL = '/static/'對應,可以正確呈現。

使用echarts的‘模組化單檔案引入’編寫echarts.html。內容可完全參考原始碼下的index.html:


注意將echarts.html

中src和paths修改為自己的:

<script src="../static/js/echarts.js"></script>

require.config({
        paths: {
            echarts: '../static/js'

views.py檔案中,定義函式指向echarts.html:

def echarts(request):
    return render(request, 'echarts.html')

url.py檔案:

urlpatterns中增加:url(r'^echarts/',js_views.echarts),#js_views.echarts,依據自己的定義


啟動服務:python manage.py runserver

訪問:http://127.0.0.1:8000/echarts/

參考地址1:http://zhidao.baidu.com/link?url=wcwoGN4bo40eIrc_LQxf6-jnEjXLxBaW5PX85xltjzvg1xaTkjpTTebLisIVxmeT0jehg_MbSOlYI9WNL9cz5a