Echarts 是百度开源的一个数据可视化 JS 库，主要用于数据可视化。pyecharts 是一个用于生成 Echarts 图表的类库。实际上就是 Echarts 与 Python 的对接。

本次使用django2.0 和 pyecharts0.3.3

1. setttins.py 添加自己创建的app名称，和静态文件的路径

INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'my_report',

]

DATABASES = {

    'default': {

        'ENGINE': 'django.db.backends.oracle',

        'NAME': 'devdb',

        'USER': 'hysh',

        'PASSWORD': 'hysh',

        'HOST': '192.168.191.3',

        'PORT': '1521',

    }

}

STATIC_URL = '/static/'

STATICFILES_DIRS = (

    os.path.join(BASE_DIR, 'static'),

)

　　　　

2.urls.py

from django.contrib import admin

from django.urls import path

from month_report import views

urlpatterns = [

    path('admin/', admin.site.urls),

    path('guo/', views.guo_report, name='index'),

]

　　

3.views.py

from django.shortcuts import render

from django.db import connection

from django.http import HttpResponse

from django.template import loader

from pyecharts import Bar, Geo

def exc_sql(sql):

    cursor = connection.cursor()

    cursor.execute(sql)

    result = cursor.fetchall()

    return result

def guo_report(request):

    # select    province, difi_re_num    from REPORT_REG

    ret = """select city, difi_re_num  from REPORT_REG a, province_to_city b where a.province=b.province"""

    data_list = exc_sql(ret)

    attr = [i[0] for i in data_list]

    value = [i[1] for i in data_list]

    geo = Geo("全国各地用户注册图", width=1200, height=600)

    geo.add("各省注册量", attr, value, type="effectScatter", border_color="#ffffff", symbol_size=2,

            is_label_show=True, label_text_color="#00FF00", label_pos="inside", symbol_color="yellow",

            geo_normal_color="#006edd", geo_emphasis_color="#0000ff")

    data = {'data': geo.render_embed()}

    return render(request, 'guo_report.html', data)

　　

4.guo_report.html

<!-- myfirstvis/templates/myfirstvis/pyecharts.html -->

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>MY-ECharts</title>

    <script src="http://oog4yfyu0.bkt.clouddn.com/echarts.min.js"></script>

    <script src="http://oog4yfyu0.bkt.clouddn.com/echarts-gl.js"></script>

    <script type="text/javascript " src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>

    <script type="text/javascript " src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>

    <script type="text/javascript " src="http://oog4yfyu0.bkt.clouddn.com/wordcloud.js"></script>

</head>

<body>

  {{data|safe}}

</body>

</html>

　　

效果图：

可参考：https://zhuanlan.zhihu.com/p/28424938

django 使用 可视化包-Pyechart的更多相关文章

  1. 动态可视化 数据可视化之魅D3,Processing,pandas数据分析,科学计算包Numpy,可视化包Matplotlib,Matlab语言可视化的工作,Matlab没有指针和引用是个大问题

    动态可视化 数据可视化之魅D3,Processing,pandas数据分析,科学计算包Numpy,可视化包Matplotlib,Matlab语言可视化的工作,Matlab没有指针和引用是个大问题 D3 ...

  2. Python的可视化包 – Matplotlib 2D图表(点图和线图,.柱状或饼状类型的图),3D图表(曲面图，散点图和柱状图)

    Python的可视化包 – Matplotlib Matplotlib是Python中最常用的可视化工具之一,可以非常方便地创建海量类型地2D图表和一些基本的3D图表.Matplotlib最早是为了可 ...

  3. Django使用cropbox包来上传裁剪图片

    1.使用cropbox包来上传裁剪图片,可见介绍:https://www.jianshu.com/p/6c269f0b48c0I ImgCrop包包括:css--style.css,js--cropb ...

  4. SQL注入使用Django中继数据包bypassWAF

    原理 本人基于文章bypassword的文章在HTTP协议层面绕过WAF所编写一款工具. 环境 Python3.7.0 Django 2.1 Requests 使用范围 POST注入 可以分块传输的漏 ...

  5. Django的forms包部分重要用法：

    from django.forms import fields from django.forms import Form from django.forms import widgets 在view ...

  6. 数据可视化利器pyechart和matplotlib比较

    python中用作数据可视化的工具有多种,其中matplotlib最为基础.故在工具选择上,图形美观之外,操作方便即上乘. 本文着重说明常见图表用基础版matplotlib和改良版pyecharts作 ...

  7. 盘点 Django 展示可视化图表的多种方式（建议收藏）

    1. 前言 大家好,我是安果! 使用 Django 进行 Web 开发时,经常有需要展示图表的需求,以此来丰富网页的数据展示 常见方案包含:Highcharts.Matplotlib.Echarts. ...

  8. R语言学习笔记︱Echarts与R的可视化包——地区地图

    笔者寄语:感谢CDA DSC训练营周末上完课,常老师.曾柯老师加了小课,讲了echart与R结合的函数包recharts的一些基本用法.通过对比谢益辉老师GitHub的说明文档,曾柯老师极大地简化了一 ...

  9. 第七节，Python的可视化包——matplotlib

    1.2D图表 import numpy as np import matplotlib as mpl import matplotlib.pyplot as plt # 通过rcParams设置全局横 ...

随机推荐

  1. Make menuconfig生成文件

    1.当我们在执行make menuconfig这个命令时,一共涉及到了以下几个文件: Linux内核根目录下的scripts文件夹 arch/$ARCH/Kconfig文件.各层目录下的Kconfig ...

  2. 【VB.NET】——若水归海

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/successA/article/details/34496209 看完台湾微软特约资深讲师的VB.N ...

  3. vs2010开发环境恢复--（mysql，数据文件可直接拷贝，并可用navicat直接管理）

    一.linq to mysql (DBLINQ) 1.安装mysql phpstudy2014,数据库文件可直接拷贝,在命令行中运行select version();查看版本为5.5.38 ,单独安装 ...

  4. jmeter --自动化badboy脚本开发技术

    jmeter --自动化badboy脚本开发技术 一般人用badboy都是使用它的录制功能,其它badboy还是一款自动化的工具,它可以实现检查点.参数化.迭代.并发.报告.断点等功能.本文就这些功能 ...

  5. window下安装两个mysql服务

    产生这个想法主要是因为win系统之前装了mysql,服务名为mysql.又重新安装xampp,导致mysql冲突,xampp中的mysql始终启动不起来.   解决方法如下: 1.修改xampp中my ...

  6. Vue2.x整合百度地图JavaScript方案

    代码很整合很简单,主要记录操作思路,注意回调百度地图api的回调函数 @/utils/map.js let Map = { BaiDuMap(ak) { return new Promise(func ...

  7. 利用百度翻译API，获取翻译结果

    利用百度翻译API,获取翻译结果 translate.py #!/usr/bin/python #-*- coding:utf-8 -*- import sys reload(sys) sys.set ...

  8. [UE4]roll pitch yaw

    UE4中的定义: 一.Roll,绕着X轴旋转的角度 二.Pitch,绕着Y轴旋转的角度 三.Yaw,绕着Z轴旋转的角度 Rotator 一.(Roll,Pitch,Yaw) 二.Rotator(0,0 ...

  9. mvc和mtv

    Java中MVC详解以及优缺点总结 概念: MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一 ...

  10. Samba 简介

    SMB 代表的是服务器消息块 (Server Message Block),它是用于在 Windows 上共享文件的协议的原始名称. CIFS 代表公共 Internet 文件系统 (Common I ...