python开发数据可视化网站_Python：Django框架开发数据可视化网站

Step 0: 使用新的 virtualenv 环境

建议使用 1.11.4 版本的 Django

$ virtualenv --no-site-packages pyecharts-env

$ source pyecharts-env/bin/activate

$ pip install django&＃61;&＃61;1.11.4

$ pip install pyecharts

Step 1: 新建一个 django 项目

$ django-admin startproject myechartsite

创建一个应用程序

$ python manage.py startapp myfirstvis

$ ls

db.sqlite3 manage.py myechartsite myfirstvis

在 myechartsite/settings.py 中注册应用程序

# myechartsite/settings.py

INSTALLED_APPS &＃61; [

&＃39;django.contrib.admin&＃39;,

&＃39;django.contrib.auth&＃39;,

&＃39;django.contrib.contenttypes&＃39;,

&＃39;django.contrib.sessions&＃39;,

&＃39;django.contrib.messages&＃39;,

&＃39;django.contrib.staticfiles&＃39;,

&＃39;myfirstvis&＃39; #

]

我们先编辑 urls.py.这文件在 Django 里的功能是把前段的 HTTP 需求和后台服务函数挂钩。在 Step3&＃xff0c;我们再引入后端服务函数

1 # myfirstvis/urls.py

2 from django.conf.urls import url

3

4 from . import views

5

6 urlpatterns &＃61; [

7 url(r&＃39;^$&＃39;, views.index, name&＃61;&＃39;index&＃39;),

8 ]

在 myechartsite/urls.py 中新增 &＃39;myfirstvis.urls&＃39;

1 myechartsite/urls.py

2 from django.conf.urls import include, url

3 from django.contrib import admin

4

5 urlpatterns &＃61; [

6 url(r&＃39;^admin/&＃39;, admin.site.urls),

7 url(r&＃39;myfirstvis/&＃39;, include(&＃39;myfirstvis.urls&＃39;)) #

8 ]

Step 2: 处理视图功能部分

将下列代码保存到 myfirstvis/views.py 中。

1 from __future__ import unicode_literals

2 import math

3

4 from django.http import HttpResponse

5 from django.template import loader

6 from pyecharts import Line3D

7

8

9 REMOTE_HOST &＃61; "https://pyecharts.github.io/assets/js"

10

11

12 def index(request):

13 template &＃61; loader.get_template(&＃39;myfirstvis/pyecharts.html&＃39;)

14 l3d &＃61; line3d()

15 context &＃61; dict(

16 myechart&＃61;l3d.render_embed(),

17 host&＃61;REMOTE_HOST,

18 script_list&＃61;l3d.get_js_dependencies()

19 )

20 return HttpResponse(template.render(context, request))

21

22

23 def line3d():

24 _data &＃61; []

25 for t in range(0, 25000):

26 _t &＃61; t / 1000

27 x &＃61; (1 &＃43; 0.25 * math.cos(75 * _t)) * math.cos(_t)

28 y &＃61; (1 &＃43; 0.25 * math.cos(75 * _t)) * math.sin(_t)

29 z &＃61; _t &＃43; 2.0 * math.sin(75 * _t)

30 _data.append([x, y, z])

31 range_color &＃61; [

32 &＃39;#313695&＃39;, &＃39;#4575b4&＃39;, &＃39;#74add1&＃39;, &＃39;#abd9e9&＃39;, &＃39;#e0f3f8&＃39;, &＃39;#ffffbf&＃39;,

33 &＃39;#fee090&＃39;, &＃39;#fdae61&＃39;, &＃39;#f46d43&＃39;, &＃39;#d73027&＃39;, &＃39;#a50026&＃39;]

34 line3d &＃61; Line3D("3D line plot demo", width&＃61;1200, height&＃61;600)

35 line3d.add("", _data, is_visualmap&＃61;True,

36 visual_range_color&＃61;range_color, visual_range&＃61;[0, 30],

37 is_grid3D_rotate&＃61;True, grid3D_rotate_speed&＃61;180)

38 return line3d

cript_list 是 Page() 类渲染网页所需要依赖的 echarts js 库&＃xff0c;依赖的库的数量取决于所要渲染的图形种类。

host 是 echarts js 库的地址&＃xff0c;默认提供的地址为 https://pyecharts.github.io/assets/js 当然&＃xff0c;如果你愿意你也可以改变这个地址&＃xff0c;先克隆 https://github.com/pyecharts/assets 然后将 js 文件夹挂载在你自己的服务器上即可。

Step 3: 为项目提供自己的模板

Windows 系统

在 myfirstvis 目录下&＃xff0c;新建 templates/myfirstvis 子目录

myfirstvis 目录

─ myfirstvis

├── admin.py

├── apps.py

├── __init__.py

├── migrations

│ ├── __init__.py

├── models.py

├── templates

│ └── myfirstvis

│ └── pyecharts.html

├── tests.py

├── urls.py

└── views.py

将下面 html 模板代码保存为 pyecharts.html&＃xff0c;请确保 pyecharts.html 文件的绝对路径为 /myfirstvis/templates/myfirstvis

1

2

3

4

5

6

7

8 {% for jsfile_name in script_list %}

9

10 {% endfor %}

11

12

13

14 {{ myechart|safe }}

15

16

17

Step 4: 运行项目

$ cd myechartsite

$ python manage.py runserver

You have 13 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.

Run &＃39;python manage.py migrate&＃39; to apply them.

August 08, 2017 - 05:48:38

Django version 1.11.4, using settings &＃39;myechartsite.settings&＃39;

Starting development server at http://127.0.0.1:8000/

Quit the server with CONTROL-C.

看到了吧&＃xff0c;只需要简单的几步就可以使用 pyecharts 创建可视化的图表。Django 官方教程需要七步的这里我们三步就搞定了。

如您对本文有疑问或者有任何想说的&＃xff0c;请点击进行留言回复&＃xff0c;万千网友为您解惑&＃xff01;