web資料視覺化——django+echarts
阿新 • • 發佈:2018-12-30
資料視覺化: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