|
本指南按照 Django 官方教程，通过完成一个 Django 小项目来说明如何在 Django 中使用 pyecharts。如果对 Django 还不太熟悉的开发者，可仔细阅读官方提供的最新文档。
Step 0: 使用新的 virtualenv 环境 建议开发者使用 1.11.4 版本的 Django $ virtualenv --no-site-packages pyecharts-env$ source pyecharts-env/bin/activate$ pip install django==1.11.4$ pip install pyechartsStep 1: 新建一个 django 项目 $ django-admin startproject myechartsite
创建一个应用程序 $ python manage.py startapp myfirstvis$ lsdb.sqlite3 manage.py myechartsite myfirstvis在 myechartsite/settings.py 中注册应用程序 # myechartsite/settings.py...INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'myfirstvis' # <---]...
我们先编辑 urls.py.这文件在 Django 里的功能是把前段的 HTTP 需求和后台服务函数挂钩。在 Step3，我们再引入后端服务函数 # myfirstvis/urls.pyfrom django.conf.urls import urlfrom . import viewsurlpatterns = [ url(r'^$', views.index, name='index'),]在 myechartsite/urls.py 中新增 'myfirstvis.urls'myechartsite/urls.pyfrom django.conf.urls import include, urlfrom django.contrib import adminurlpatterns = [ url(r'^admin/', admin.site.urls), url(r'myfirstvis/', include('myfirstvis.urls')) # <---]- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
Step 2: 处理视图功能部分 将下列代码保存到 myfirstvis/views.py 中。 from __future__ import unicode_literalsimport mathfrom django.http import HttpResponsefrom django.template import loaderfrom pyecharts import Line3Dfrom pyecharts.constants import DEFAULT_HOSTdef index(request): template = loader.get_template('myfirstvis/pyecharts.html') l3d = line3d() context = dict( myechart=l3d.render_embed(), host=DEFAULT_HOST, script_list=l3d.get_js_dependencies() ) return HttpResponse(template.render(context, request))def line3d(): _data = [] for t in range(0, 25000): _t = t / 1000 x = (1 + 0.25 * math.cos(75 * _t)) * math.cos(_t) y = (1 + 0.25 * math.cos(75 * _t)) * math.sin(_t) z = _t + 2.0 * math.sin(75 * _t) _data.append([x, y, z]) range_color = [ '#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'] line3d = Line3D('3D line plot demo', width=1200, height=600) line3d.add('', _data, is_visualmap=True, visual_range_color=range_color, visual_range=[0, 30], is_grid3D_rotate=True, grid3D_rotate_speed=180) return line3d
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
script_list 是 Page() 类渲染网页所需要依赖的 echarts js 库，依赖的库的数量取决于所要渲染的图形种类。 host 是 echarts js 库的地址，默认的地址为 http://chfw./jupyter-echarts/echarts 当然，如果你愿意你也可以改变这个地址，先克隆 https://github.com/chfw/jupyter-echarts 然后将 echarts 文件夹挂载在你自己的服务器上即可。 Step 3: 为项目提供自己的模板 前面的步骤是按照 tutorial part 1，接下来我们跳到 tutorial part 3 Linux/macos 系统 $ mkdir templates/myfirstvis -pWindows 系统
在 myfirstvis 目录下，新建 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，请确保 pyecharts.html 文件的绝对路径为 /myfirstvis/templates/myfirstvis <!-- myfirstvis/templates/pyecharts.html --><!DOCTYPE html><html><head> <meta charset='utf-8'> <title>Proudly presented by PycCharts</title> {% for jsfile_name in script_list %} <script src='{{host}}/{{jsfile_name}}.js'></script> {% endfor %}</head><body> {{myechart|safe}}</body></html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
Step 4: 运行项目 $ cd myechartsite$ python manage.py runserverYou have 13 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.Run 'python manage.py migrate' to apply them.August 08, 2017 - 05:48:38Django version 1.11.4, using settings 'myechartsite.settings'Starting development server at http://127.0.0.1:8000/Quit the server with CONTROL-C.
访问 http://localhost:8000/myfirstvis/，你就可以看到酷炫的 3D 图了 
|
