利用pyecharts实现中国省与市之间的跳转

最新推荐文章于 2024-03-29 17:44:55 发布
最新推荐文章于 2024-03-29 17:44:55 发布
阅读量3.9k 收藏 75
点赞数 23
分类专栏： 学习笔记 文章标签： python 数据可视化 html 数据分析
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43871357/article/details/115144718
版权

利用pyecharts实现中国省与市之间的跳转

需求

地图上显示中国各省份名称及相对应的数据（存于excel中，数据可自己定义读取），随鼠标移动显示；点击某省份能够进入该省份的地图，并且显示每个市/区名称以及各市/区对应的数据。

需要的包

import pandas as pd
from pyecharts.charts import Map
from pyecharts import options as opts
from pyecharts.globals import ThemeType

参考

Python轻松实现地图可视化(附详细源码)
地图点击省跳转到市_用Python来绘制自己的个人足迹地图，精确到市级别

正文

读取excel中的数据

这个是自己随意敲得一个表格，包含各省份名称及对应的数据
| | ||--|--|| | |

data = pd.read_excel('GDP.xlsx')
province = list(data["province"])
clss = list(data["class"])
list = [list(z) for z in zip(province, clss)]

生成全国地图

# maptype='china' 只显示全国直辖市和省级
map = Map(init_opts=opts.InitOpts(width="1500px", height="800px", theme=ThemeType.VINTAGE))  # 添加主题
map.set_global_opts(
    # 标题配置项
    title_opts=opts.TitleOpts(
        title="等级分布地图",
        pos_left="center"
    ),
    # 图例配置项
    legend_opts=opts.LegendOpts(
        is_show=True,
        pos_left="left",
    ),
    # 视觉影射配置项
    visualmap_opts=opts.VisualMapOpts(
        min_=1,  # 组件最小值
        max_=32,
        range_text = ['等级程度分布颜色区间:', ''],  # 两端文本名称
        is_piecewise=True,  # 定义图例为分段型，默认为连续的图例
        pos_top= "middle",  # 组件离容器左侧的距离
        pos_left="left",
        orient="vertical",  # 布局方式为垂直布局，水平为horizon
        split_number=5  # 分成5个区间
    )
)
map.add("程度", list, maptype="china")
map.render("全国.html")

效果如下
一只漂亮的大公鸡

生成各省份地图

同样的，读取各省份名称，一键生成

# province同上，是一个由省份名称组成的列表，如['河南'， '山西']
# 切记，不要带省，只要名字就行
for i in province:  
    province_city = (
        Map(init_opts=opts.InitOpts(width="1500px", height="800px", theme=ThemeType.VINTAGE))
        .add("",
             list,  # 可以自己写一个字典写各个省份下的市所对应的数据，在这里只是一个range()
             i)
        .set_global_opts(
            title_opts=opts.TitleOpts(title=i + "地图"),
            visualmap_opts=opts.VisualMapOpts(
                min_=1,
                max_=17,
                is_piecewise=True
            )
        )
        .render(path=i + "地图.html")
    )

效果如下
在这里插入图片描述

太多了这里只放了部分省份地图
在这里插入图片描述
在这里插入图片描述

切记，list中的城市名称一定要与地图上显示的名称对应，否则相对应的数据会显示不出来

将全国地图与各省市地图相互链接

        chart_775f962500534f508fafa003f08442f9.on('click', function (param){
            var selected = param.name;
                if (selected) {
                    switch(selected){
                        case '北京':
                            location.href = "./北京地图.html";
                            break;
                        case '上海':
                            location.href = "./上海地图.html";
                            break;
                        case '天津':
                            location.href = "./天津地图.html";
                            break;
                        case '四川':
                            location.href = "./四川地图.html";
                            break;
                        case '安徽':
                            location.href = "./安徽地图.html";
                            break;
                        case '山东':
                            location.href = "./山东地图.html";
                            break;
                        case '江苏':
                            location.href = "./江苏地图.html";
                            break;
                        case '江西':
                            location.href = "./江西地图.html";
                            break;
                        case '河北':
                            location.href = "./河北地图.html";
                            break;
                        case '浙江':
                            location.href = "./浙江地图.html";
                            break;
                        case '海南':
                            location.href = "./海南地图.html";
                            break;
                        case '湖北':
                            location.href = "./湖北地图.html";
                            break;
                        case '湖南':
                            location.href = "./湖南地图.html";
                            break;
                        case '广东':
                            location.href = "./广东地图.html";
                            break;
                        case '福建':
                            location.href = "./福建地图.html";
                            break;
                        case '甘肃':
                            location.href = "./甘肃地图.html";
                            break;
                        case '广西':
                            location.href = "./广西地图.html";
                            break;
                        case '贵州':
                            location.href = "./贵州地图.html";
                            break;
                        case '河南':
                            location.href = "./河南地图.html";
                            break;
                        case '黑龙江':
                            location.href = "./黑龙江地图.html";
                            break;
                        case '内蒙古':
                            location.href = "./内蒙古地图.html";
                            break;
                        case '吉林':
                            location.href = "./吉林地图.html";
                            break;
                        case '辽宁':
                            location.href = "./辽宁地图.html";
                            break;
                        case '宁夏':
                            location.href = "./宁夏地图.html";
                            break;
                        case '青海':
                            location.href = "./青海地图.html";
                            break;
                        case '山西':
                            location.href = "./山西地图.html";
                            break;
                        case '陕西':
                            location.href = "./陕西地图.html";
                            break;
                        case '台湾':
                            location.href = "./台湾地图.html";
                            break;
                        case '西藏':
                            location.href = "./西藏地图.html";
                            break;
                        case '新疆':
                            location.href = "./新疆地图.html";
                            break;
                        case '云南':
                            location.href = "./云南地图.html";
                            break;
                        case '重庆':
                            location.href = "./重庆地图.html";
                            break;
                        default:
                            break;
                    }
 
            }
      });

首先打开"全国.html"的源代码，找到这个id
在这里插入图片描述
把上面那一段代码中的chart_后面的一串数字改成自己生成的地图id，将这段代码添加到<script></script>代码段中的最后（一定不要放在最前面，会什么都显示不出来），然后点击保存就可以啦。

玩家完成不乐意
关注
  • 23
    点赞
  • 踩
  • 75
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 29
    评论
专栏目录
echarts点击柱状图携带参数跳转页面
qq_33911541的博客
05-23 610
echarts点击柱状图携带参数跳转页面
基于Python绘制个人足迹地图
12-17
前言 前两年，足迹地图小程序风靡朋友圈，一时间大家都流行晒自己的旅行地图。但是，笔者最近体验了好几款足迹地图的小程序，发现这些小程序虽然号称是足迹地图，但最多只是展示到省级别，无法精确到市级别，因此，笔者周末花了点时间，用Python来绘制自己的个人足迹地图，可以精确到市级别。 下面的部分，笔者将介绍如何简单地来绘制个人足迹地图。 首先我们需要安装以下Python的第三方模块: echarts-china-cities-pypkg==0.0.9 echarts-china-provinces-pypkg==0.0.3 pyecharts==1.6.2 PyYAML==5.3.1 本项目
echarts实现中国地图、鼠标悬浮、点击跳转对应省市、给省市图标、缩放、拖拽、自适应
weixin_51225684的博客
03-09 1万+
【代码】echarts实现中国地图、鼠标悬浮、点击跳转对应省市、给省市图标、缩放、拖拽、自适应。
Echarts地图实现点击某地区跳转到指定页面
weixin_54685622的博客
04-15 2万+
页面代码： euindex.html <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1"> <meta name="renderer" content="webkit"&gt
echarts中国地图使省份选择性滑动或点击高亮
热门推荐
帆酱的博客
07-26 2万+
本文介绍echarts显示中国省份图，对于需要高亮的省份进行筛选。并且对省份进行选择性交互。 首先我们需要一个颜色集合，代表我们要设置多少种颜色。这里用到了dataRange。 dataRange: { show:false, x: 'left', y: 'bottom', splitList: [ ...
python.pycharts.Map使用
laoluobo76的博客
08-16 1万+
pyecharts安装 pip install pyecharts 额外安装的地图文件包 自从 v0.3.2 开始， pyecharts 将不再自带地图 js 文件。如需要用到地图图表（Geo、Map），可自行安装对应的地图文件包。否则在用到这两个包的时候，并能完整的显示地图效果。 全球国家地图: echarts-countries-pypkg (1.9MB): 世界地图和 213 个国家，包括中国地图 中国省级地图: echarts-china-provinces-pypkg (730KB)：2
Vue+Echarts实现中国地图+各省业务数据分布情况组件
GnayEy的博客
08-03 1万+
Vue组件首先需要引入echarts包和中国地图数据， import echarts from 'echarts' import '../../../node_modules/echarts/map/js/china.js' // 引入中国地图数据 有几点需要注意： 1.地图中需要的json数据需要包含主要：name:"省份名称必须为简称（如：陕西），不能带“省”字“,value:坐标（可以为省...
Android scheme 跳转的设计与实现详解
08-19
Android Scheme 跳转的设计与实现详解 Android Scheme 跳转是 Android App 中的一种常见的跳转方式，它可以实现从一个界面跳转到另一个界面。为了解决各种运营需求，App 一般都会自定义一个 scheme 跳转协议，多端...
基于JavaScript代码实现pc与手机之间的跳转
10-23
本文通过一段代码实例给大家介绍pc跳转手机代码，手机跳转pc网站代码的相关知识，对js跳转代码相关知识感兴趣的朋友一起通过本篇文章学习吧
利用Qt实现界面跳转与关闭操作.zip
12-04
在本文中，我们将深入探讨如何使用Qt框架来实现界面的跳转与关闭操作。Qt是一个跨平台的应用程序开发框架，广泛应用于C++编程，尤其在创建用户界面（UI）方面表现出色。Qt库提供了丰富的控件和API，使得开发者能够...
Android Activity与Fragment之间的跳转实例详解
08-31
以下是对Activity与Fragment之间跳转的详细解释： 一、Activity之间的跳转 Activity之间的跳转通常通过`Intent`对象来实现。在给定的示例中，`MainActivity`有一个按钮点击事件`jump(View view)`，当用户点击按钮...
python实现Pyecharts实现动态地图（Map、Geo）
09-17
主要为大家详细介绍了python实现Pyecharts实现动态地图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ajax如何实现页面局部跳转与结果返回
09-03
是指一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，本篇文章给大家介绍ajax如何实现页面局部跳转与结果返回，感兴趣的朋友一起来学习
eCharts动态加载各省份的数据
weixin_30555753的博客
11-18 731
假如从数据库读出以下数据，如何将数据展示在地图之上 1.部门的名称数据: List deptname=[联通事业部-上海联通项目组, 联通事业部-河南联通项目组, 联通事业部-贵州联通项目组, 联通事业部-黑龙江联通项目组, 联通事业部-总部项目中心, 联通事业部-河北联通项目组, 联通事业部-北京联通项目组, 联通事业部-西藏联通项目组, 联通事业部-湖北联通项目组,...
Echarts做地图，将每个省的数据标记在地图上，根据数据的大小做散点方大效果，并筛选前五个最大省份进行展示（经常有这种需求，看自己的代码跟屎一样，本文只做记录，）
沧笙踏歌的博客
12-26 5824
效果 js代码 function loadMap() { // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('mapChart')); var nameColor = " rgb(55, 75, 113)" var name_fontFamily = '宋体' var name_fontSize = 35 var mapName = 'china'
echarts地图，点击省级跳转到市级的详情
最新发布
maliao5的博客
03-29 311
详细代码放到下放，echarts.js和jq.js应该都有吧。省份的json文件有需要的私信。下载好个个省份的json数据，
HTML引入 Echarts实现地图的联动效果，默认展示省下所有市，点击某市会跳到本市下所有县的效果
@Grapefruit的博客
03-31 1672
要有遥不可及的梦想，也要有脚踏实地的本事。----------- Grapefruit.Banuit Gang(香柚帮) 首先我们要先画一个省级的地图，展示出这个省下面对应的所有市，这里柚子选择的是安徽省 直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...
Tornado+Pyecharts+LayUI搭建个人足迹地图服务
山阴少年
06-03 1893
  在之前的文章 Python之绘制个人足迹地图 中，笔者采用Pyecharts和手动修改HTML代码的方式实现了个人足迹地图。本文将会介绍利用Tornado+Pyecharts+LayUI来搭建个人足迹地图web服务，这样我们只需要通过页面点选的方式就能绘制个人足迹地图，简单高效。   前端框架我们采用layui，后端web框架采用Python的Tornado，地图生成利用Pyecharts。同时，我们需要安装的第三方模块如下： tornado==5.1.1 pypinyin==0.35.2 pyecha
python pyecharts绘制地图
havdzy的博客
02-16 3956
本文使用python库——pyecharts绘制地图，修改标签样式并调色。重点在于参数调用方法（理解Union[Sequence[str]]或者看源码）。
android studio利用按钮实现三个界面之间相互跳转
03-26
要实现三个界面之间的跳转，可以使用Intent和startActivity方法。以下是一种实现方式： 1. 创建三个Activity类，分别为ActivityA、ActivityB、ActivityC。 2. 在ActivityA中添加一个按钮，给按钮设置点击事件，在点击事件中创建一个Intent对象，并使用Intent的setClass方法将ActivityB作为目标Activity，最后调用startActivity方法启动ActivityB。 示例代码： ```java Button btn = findViewById(R.id.btn_activity_a); btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(); intent.setClass(ActivityA.this, ActivityB.class); startActivity(intent); } }); ``` 3. 在ActivityB中同样添加一个按钮，给按钮设置点击事件，使用Intent跳转到ActivityC。 示例代码： ```java Button btn = findViewById(R.id.btn_activity_b); btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(); intent.setClass(ActivityB.this, ActivityC.class); startActivity(intent); } }); ``` 4. 在ActivityC中同样添加一个按钮，给按钮设置点击事件，使用Intent返回到ActivityA。 示例代码： ```java Button btn = findViewById(R.id.btn_activity_c); btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(); intent.setClass(ActivityC.this, ActivityA.class); startActivity(intent); } }); ``` 需要注意的是，要在AndroidManifest.xml文件中注册三个Activity，否则应用无法正常运行。 以上就是实现三个界面之间相互跳转的基本流程。当然，还有其他更复杂的跳转方式，例如使用Intent传递数据等，具体可以根据自己的需求来实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 29
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玩家完成不乐意

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值