首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

Posted in Python onJune 26, 2019

pyecharts 是一个用于生成 Echarts 图表的类库。 Echarts 是百度开源的一个数据可视化 JS 库。主要用于数据可视化。

本文主要是用pycharts中的Geo绘制中国地图，在图中显示出各个地区的人均销售额

传入的数据形如：[('上海'，30), ('北京',50), ... ...]

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

li=[]
for i,row in filtered.iterrows():
 li.append((row['city'],int(row['per_capita'])))
 
geo = Geo("sales per capita", "city", title_color="#fff", title_pos="center", width=1200, height=600, background_color='#404a59')
attr, value = geo.cast(li)
geo.add("", attr, value, visual_range=[187, 820], visual_text_color="#fff", symbol_size=15, is_visualmap=True)
geo.show_config()
geo.render()
 
geo = Geo("全国主要城市空气质量", "data from pm2.5", title_color="#fff", title_pos="center", width=1200, height=600,
   background_color='#404a59')
attr, value = geo.cast(li)
geo.add("", attr, value, type="heatmap", is_visualmap=True, visual_range=[200, 300], visual_text_color='#fff')
geo.show_config()
geo.render()
 
geo = Geo("全国主要城市空气质量", "data from pm2.5", title_color="#fff", title_pos="center",
   width=1200, height=600, background_color='#404a59')
attr, value = geo.cast(li)
geo.add("", attr, value, type="effectScatter", is_random=True, effect_scale=5)
geo.show_config()
geo.render()

原来的包的问题是，经纬度非常不全，一旦有找不到的，就画不出来，方案一是把找不到的数据删掉再画

另一种办法是到百度地图api里把找不到的地方的经纬度加进原始的包里

搜索：百度地图api-》地图api示例-》地址解析

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

复制这些经纬度；

打开pyecharts包里的base.py，找到记录经纬度信息的地方，把刚才的经纬度信息补上去

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

如此便可以把所有数据都呈现在地图上了

如果我想动态选择年份（2013-2017）以及选择展现不同数据维度（人均消费额，总消费额）怎么办？

这里要介绍一个python的模板引擎jinja2，该引擎仿照Django设计。模板是文本，用于分离文档的形式和内容，具体的介绍和用法可以看下面两个链接

https://3water.com/article/163962.htm

http://docs.jinkan.org/docs/jinja2/templates.html

最基本的方法是通过Template创建模板并且渲染

from jinja2 import Template
 
template = Template('Hello {{string}}!')
template.render(string='world')

除了普通的字符串变量，jinja2还支持列表，字典和对象，

{{ mydict['key'] }}
{{ mylist[3] }}
{{ mylist[myintvar] }}
{{ myobj.somemethod() }}
{{myobj.someattribute}}

于是我们可以通过创建一个字典，将不同年份不同维度的数据都放入字典中，在展示数据时，将指定数据传入模板

options={}

for year in range(2013, 2018):
  options[year] = {}
  filtered = grouped[grouped['year'] == year]
  for dim in ('sales', 'per_capita'):
   li = []
   for i, row in filtered.iterrows():
    li.append((row['city'], int(row[dim])))
   if dim == 'per_capita':
    geo = Geo(dim, "city （单位：元/人）", title_color="#fff", title_pos="center", width=1200, height=600,
       background_color='#404a59')
    attr, value = geo.cast(li)
    geo.add("", attr, value, visual_range=[380, 450], visual_text_color="#fff", symbol_size=15, is_visualmap=True)
   else:
    geo = Geo(dim, "city （单位：百万）", title_color="#fff", title_pos="center", width=1200, height=600,
       background_color='#404a59')
    attr, value = geo.cast(li)
    geo.add("", attr, value, visual_range=[10, 100], visual_text_color="#fff", symbol_size=15, is_visualmap=True)
   options[year][dim] = geo._option
 with open("template.html", encoding='utf-8') as f:
  template = jinja2.Template(f.read())
 html = template.render(data=json.dumps(options))
 with open("city_chart.html", "w") as f:
  f.write(html)

通过查看base.py里的render()可以看到传入模板的是self._option

def render(self, path="render.html"):
  """ 渲染数据项，生成 html 文件
  :param path:
   生成 html 文件保存路径
  """
  from pyecharts import temple as Tp
  temple = Tp._temple
  series = self._option.get("series")
  for s in series:
   if s.get('type') == "wordCloud":
    temple = Tp._temple_wd
    break
   if s.get('type') == "liquidFill":
    temple = Tp._temple_lq
    break
  my_option = json.dumps(self._option, indent=4, ensure_ascii=False)
  __op = temple\
   .replace("myOption", my_option)\
   .replace("myWidth", str(self._width))\
   .replace("myHeight", str(self._height))
  try:  # for Python3
   with open(path, "w+", encoding="utf-8") as fout:
    fout.write(__op)
  except:  # for Python2
   with open(path, "w+") as fout:
    fout.write(__op)

template亦可仿照temple.py

<html>
 
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="external nofollow" type="text/css">
 <link rel="stylesheet" href="https://pingendo.github.io/templates/blank/theme.css" rel="external nofollow" type="text/css">
 <link href="https://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/css/bootstrap-select.css" rel="external nofollow" rel="stylesheet">
 <script src="https://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/js/bootstrap-select.js"></script>
 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
 <script src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script>
 <script src="http://oog4yfyu0.bkt.clouddn.com/echarts.min.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>
 <div class="py-5">
 <div class="container">
  <div class="row">
  <div class="col-md-4">
   <select class="selectpicker" id="year">
    <option>2013</option>
    <option>2014</option>
    <option>2015</option>
    <option>2016</option>
    <option>2017</option>
   </select>
  </div>
  <div class="col-md-4">
   <select class="selectpicker" id="dim">
   <option value="sales">total_sales</option>
   <option value="per_capita">sales per capita</option>
   <option value="count">count</option>
   </select>
  </div>
  <div class="col-md-4">
   <select class="selectpicker" id="customer_type">
   <option value="new_customer">new_customer</option>
   <option value="old_customer">old_customer</option>
   <option value="members">members</option>
   </select>
  </div>
  <div class="col-md-4">
   <a class="btn btn-default" href="#" rel="external nofollow" onclick="show()">refresh</a>
  </div>
  </div>
  <div class="row"> 
  <div class='col-md-12'>
    <div id="main" style="width: 1200px;height:600px;"></div>
  </div>
  </div>
 
 </div>
 </div>
<script type="text/javascript">
var data={{data}};
function show(){
 var year=$("#year").val();
 var dim=$("#dim").val();
 var customer_type=$("#customer_type").val();
 var myChart = echarts.init(document.getElementById('main'));
 var option=data[year][dim][customer_type];
 option['tooltip']={'formatter':function(params){return params['name']+':'+params['value'][2]}};
 myChart.setOption(option);
} 
$(show);//加载完文档之后运行这个函数
</script>
</body>
 
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

详解用pyecharts Geo实现动态数据热力图城市找不到问题解决

- Author -

SummerStoneS

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
Python中多个数组行合并及列合并的方法总结
Apr 12 Python
pandas实现选取特定索引的行
Apr 20 Python
Python使用Selenium爬取淘宝异步加载的数据方法
Dec 17 Python
详解python配置虚拟环境
Apr 08 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
Jun 26 Python
python向字符串中添加元素的实例方法
Jun 28 Python
python中web框架的自定义创建
Sep 08 Python
python3 tkinter实现添加图片和文本
Nov 26 Python
python等差数列求和公式前 100 项的和实例
Feb 25 Python
动态设置django的model field的默认值操作步骤
Mar 30 Python
PyQt5实现登录页面
May 30 Python
python 检测图片是否有马赛克
Dec 01 Python
Python 数据可视化pyecharts的使用详解
Jun 26 #Python
python 实现交换两个列表元素的位置示例
Jun 26 #Python
python之信息加密题目详解
Jun 26 #Python
实例详解Python模块decimal
Jun 26 #Python
Python3之不使用第三方变量,实现交换两个变量的值
Jun 26 #Python
python 猴子补丁(monkey patch)
Jun 26 #Python
python中的decimal类型转换实例详解
Jun 26 #Python
重复数据(2) NFS(1) ftpserver(1) SeaTunnel(1) tkFileDialog(1) T-SQL(1) 黑名单(1) 批处理(1) Odoo(1) Logrotate(1)
You might like
PHP个人网站架设连环讲(二)
2006/10/09 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
常用PHP框架功能对照表
2014/10/23 PHP
Thinkphp5.0自动生成模块及目录的方法详解
2017/04/17 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
Mootools 1.2教程(3) 数组使用简介
2009/09/14 Javascript
解决IE6的PNG透明JS插件使用介绍
2013/04/17 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
JQuery each打印JS对象的方法
2013/11/13 Javascript
JS与C#编码解码
2013/12/03 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
浅谈Three.js截图并下载的大坑
2019/11/01 Javascript
微信小程序实现Swiper轮播图效果
2019/11/22 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
Python实现Sqlite将字段当做索引进行查询的方法
2016/07/21 Python
Python新手入门最容易犯的错误总结
2017/04/24 Python
原生python实现knn分类算法
2019/10/24 Python
印度电子产品购物网站：Vijay Sales
2021/02/16 全球购物
Vinatis德国：法国领先的葡萄酒邮购公司
2020/09/07 全球购物
业务部主管岗位职责
2014/01/29 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
表彰大会新闻稿
2015/07/17 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
光之国的四大叛徒：第一贝利亚导致宇宙毁灭，赛文奥特曼在榜
2022/03/18 日漫
Python实现文字pdf转换图片pdf效果
2022/04/03 Python