Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

基于Django结合Pyecharts实现数据可视化

2021年10月31日5550百度已收录

01

前言

基于Django结合Pyecharts实现数据可视化  Django 第1张

基于Django结合Pyecharts实现数据可视化  Django 第2张

我们都知道python上的一款可视化工具matplotlib,当然百度开源的一个可视化JS工具-Echarts也非常好用,可视化类型非常多,但是得通过导入js库在Java Web项目上运行,平时用Python比较多,于是就在想有没有Python与Echarts结合的可视化框架。

Google后,找到一个国人开发的一个Echarts与Python结合的框架:pyecharts,下面就来简述下pyecharts(官方网站:/)一些使用细则。

02

Pyercharts安装

基于Django结合Pyecharts实现数据可视化  Django 第3张

基于Django结合Pyecharts实现数据可视化  Django 第4张

写这篇文章用的是Mac环境,首先打开终端,输入:

pip install pyecharts# 如果存在多个版本的Python,存在Python2和Python3 则是 pip3

但实测时发现,由于墙的原因,下载时会出现断线和速度过慢的问题导致下载失败,所以建议通过清华镜像来进行下载:

pip install -i

基于Django结合Pyecharts实现数据可视化  Django 第5张

出现上方的信息,即代表下载成功,我们可以来进行下一步的实验了!

03 开发环境准备

基于Django结合Pyecharts实现数据可视化  Django 第6张

基于Django结合Pyecharts实现数据可视化  Django 第7张

虽然官网也给出了一些比较基础的例子,可以直接拿来放到IDE运行查看:

基于Django结合Pyecharts实现数据可视化  Django 第8张

不过本次我们不对官网的入门案例进行展开,而是选择了其中一个比较有成就感的例子来讲:pyecharts框架使用-Django对接pyecharts使用。

原因是因为我们目前使用到的Python web的框架来说,Django是使用比较多的(如果你不会Django,不用担心,后续我会出关于Django的一系列教程,可以先就本文体验一下Django),下面我们来动手开搞吧!

首先,我们需要准备开发环境:

一、开发工具

Pycharm

二、包

django

pyecharts

1.pycharm的安装下载可直接百度搜索下载使用

2.Django、pyecharts的安装如下(如果存在多个版本的Python,存在Python2和Python3 则是 pip3):

pip install django基于Django结合Pyecharts实现数据可视化  Django 第9张

pip install pyecharts基于Django结合Pyecharts实现数据可视化  Django 第10张

两个包都是,出现"Successfully installe xxxx"字眼就是安装成功了。

04 具体实现过程

基于Django结合Pyecharts实现数据可视化  Django 第11张

基于Django结合Pyecharts实现数据可视化  Django 第12张

准备好开发环境后接下来我们正式开始练习

Step1:我们新建一个Django项目:

django-admin startproject pyecharts_django_codingclub

基于Django结合Pyecharts实现数据可视化  Django 第13张

Step2:创建对应的app:

我们先cd 到 pyecharts_django_codingclub项目文件夹再创建:

基于Django结合Pyecharts实现数据可视化  Django 第14张

创建app

python manage.py startapp demo

基于Django结合Pyecharts实现数据可视化  Django 第15张

接着我们去pycharm中进行开发

Step3:注册demo的app:

首先需要在 pyecharts_django_codingclub/settings.py中注册app

INSTALLED_APPS = ['django.contrib.admin','django.contrib.auth','django.contrib.contenttypes','django.contrib.sessions','django.contrib.messages','django.contrib.staticfiles','demo']

基于Django结合Pyecharts实现数据可视化  Django 第16张

Step4:配置demo的urls

再配置 demo/urls.py 文件,新建的app没有urls文件,我们新建一个即可

基于Django结合Pyecharts实现数据可视化  Django 第17张

将以下代码编写到新建的urls文件

from django.conf.urls import url

from . import views

urlpatterns = [ url(r'^$', views.index, name='index'),]

基于Django结合Pyecharts实现数据可视化  Django 第18张

在 pyecharts_django_codingclub/urls.py中新增我们刚刚编写的 'demo.urls'

from django.contrib import adminfrom django.urls import path,include

urlpatterns = [ path('admin/', admin.site.urls), path('demo', include('demo.urls'))]

基于Django结合Pyecharts实现数据可视化  Django 第19张

Step5:使用pyecharts 模板

先在 demo文件夹下新建 templates文件夹

基于Django结合Pyecharts实现数据可视化  Django 第20张

将 pyecharts 模板,位于 pyecharts.render.templates拷贝至刚新建的templates 文件夹:

基于Django结合Pyecharts实现数据可视化  Django 第21张

基于Django结合Pyecharts实现数据可视化  Django 第22张

基于Django结合Pyecharts实现数据可视化  Django 第23张

Step6:渲染图表

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

from jinja2 import Environment, FileSystemLoaderfrom pyecharts.globals import CurrentConfigfrom django.)基于Django结合Pyecharts实现数据可视化  Django 第24张

Step7:运行项目

进入我们项目的根目录

基于Django结合Pyecharts实现数据可视化  Django 第25张

然后在pycharm的终端输入:

python manage.py runserver基于Django结合Pyecharts实现数据可视化  Django 第26张

使用浏览器打开即可访问我们的项目了

基于Django结合Pyecharts实现数据可视化  Django 第27张

实现效果:

基于Django结合Pyecharts实现数据可视化  Django 第28张

- end -

基于Django结合Pyecharts实现数据可视化  Django 第29张

评论列表暂无评论
发表评论
微信