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