Offer 驾到，掘友接招！我正在参与2022春招系列活动-Debug实录任务，点击查看活动详情
@TOC
前言
Hello！小伙伴！ 非常感谢您阅读海轰的文章，倘若文中有错误的地方，欢迎您指出～ 自我介绍 ଘ(੭ˊᵕˋ)੭ 昵称：海轰 标签：程序猿｜C++选手｜学生 简介：因C语言结识编程，随后转入计算机专业，有幸拿过一些国奖、省奖...已保研。 学习经验：扎实基础 + 多做笔记 + 多敲代码 + 多思考 + 学好英语！ 小白阶段 文章仅作为自己的学习笔记 用于知识体系建立以及复习 知其然 知其所以然！
需求
从一个excel源文件中读取“地址”一列
统计全国各省市各个人数总数量
然后以全国地图和左侧柱状图用以显示
最终实现
源码
1.统计各省市总数量
excle源文件示例
统计
使用Python中的pandas库读取excel文件
依据地址一列按照省份进行划分、统计
计算出各个省份总数量
并生成后续Echarts所需的数据结构
import pandas as pd
fileName = pd.read_csv('../profile/allData.csv',usecols=[3])
df = pd.DataFrame(fileName)
provinces = {'北京':1, '天津':0, '上海':0, '重庆':0, '新疆':0, '西藏':0, '宁夏':0, '内蒙古':0,
'广西':0, '黑龙江':0, '吉林':0, '辽宁':0, '河北':0, '山东':0, '江苏':0, '安徽':0,
'浙江':0, '福建':0, '广东':0, '海南':0, '云南':0, '贵州':0, '四川':0, '湖南':0,
'湖北':0, '河南':0, '山西':0, '陕西':0, '甘肃':0, '青海':0, '江西':0, '台湾':0, '香港':0, '澳门':0}
for i in range(len(df)):
name = df['地址'][i]
if pd.isnull(name):
continue
else:
name = str(name)
for key in provinces:
if key in name:
provinces[key] += 1
break
# 其他异常数据处理
# print(provinces)
# sum = 0
# for key in provinces:
# sum += provinces[key]
provinces['其他'] = len(df) - sum
# print(sum)
# print(len(df) - sum)
mydata = []
for key in provinces:
tempMap = {}
tempMap['name'] = key
tempMap['value'] = provinces[key]
mydata.append(tempMap)
print("原始数据")
print(mydata)
provinces = sorted(provinces.items(), key=lambda item:item[1])
print("排序后")
print(provinces)
xArray = []
yData = []
for i in range(len(provinces)):
xArray.append(provinces[i][0])
yData.append(provinces[i][1])
print("x、y轴数据")
print(xArray)
print(yData)
2.Echarts的使用
所需文件
test.html
<head>
<meta charset="utf-8" />
<title>echarts数据</title>
<div
style="text-align: center;font-size: 36px;z-index: 2; font-weight: 500;width: 100%;position: absolute;margin: 0 auto;">
数量分布图</div>
<div style="display: flex;flex-direction:row;width: 100%;height: 100%;">
<div id="main2" style="width: 40%; height: 100%;"></div>
<div id="main" style="width: 60%; height: 100%;"></div>
</div>
<script type="text/javascript" src="echarts.min.js"></script>
<script type="text/javascript" src="china.js"></script>
<script>
function randomData() {
return Math.round(Math.random() * 1000);
}
var mydata = [{'name': '北京', 'value': 119}, {'name': '天津', 'value': 26}, {'name': '上海', 'value': 69}, {'name': '重庆', 'value': 208}, {'name': '新疆', 'value': 12}, {'name': '西藏', 'value': 2}, {'name': '宁夏', 'value': 4}, {'name': '内蒙古', 'value': 16}, {'name': '广西', 'value': 54}, {'name': '黑龙江', 'value': 39}, {'name': '吉林', 'value': 27}, {'name': '辽宁', 'value': 49}, {'name': '河北', 'value': 85}, {'name': '山东', 'value': 120}, {'name': '江苏', 'value': 113}, {'name': '安徽', 'value': 56}, {'name': '浙江', 'value': 107}, {'name': '福建', 'value': 72}, {'name': '广东', 'value': 163}, {'name': '海南', 'value': 23}, {'name': '云南', 'value': 48}, {'name': '贵州', 'value': 25}, {'name': '四川', 'value': 148}, {'name': '湖南', 'value': 74}, {'name': '湖北', 'value': 52}, {'name': '河南', 'value': 105}, {'name': '山西', 'value': 31}, {'name': '陕西', 'value': 29}, {'name': '甘肃', 'value': 15}, {'name': '青海', 'value': 2}, {'name': '江西', 'value': 37}, {'name': '台湾', 'value': 0}, {'name': '香港', 'value': 0}, {'name': '澳门', 'value': 0},{'name':'南海诸岛','value':0}]
optionBar = {
xAxis: {
type: 'value',
axisLine: {
show: false
},
splitLine: {
show: false
}
},
yAxis: {
type: 'category',
data:['台湾', '香港', '澳门', '西藏', '青海', '宁夏', '新疆', '甘肃', '内蒙古', '海南', '贵州', '天津', '吉林', '陕西', '山西', '江西', '黑龙江', '云南', '辽宁', '湖北', '广西', '安徽', '上海', '福建', '湖南', '河北', '河南', '浙江', '江苏', '北京', '山东', '四川', '广东', '重庆'],
axisLine: {
show: false //y轴线消失
}
},
series: [
{
data:[0, 0, 0, 2, 2, 4, 12, 15, 16, 23, 25, 26, 27, 29, 31, 37, 39, 48, 49, 52, 54, 56, 69, 72, 74, 85, 105, 107, 113, 119, 120, 148, 163, 208],
type: 'bar',
itemStyle: {
normal: {
color: function (params) {
let colorList = [
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#91c7ae",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#4BABDE",
"#FFDE76",
"#E43C59",
"#37A2DA",
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#91c7ae",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#4BABDE",
"#FFDE76",
"#E43C59",
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#91c7ae",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#4BABDE",
"#FFDE76",
"#E43C59",
"#c23531",
"#2f4554",
"#61a0a8",
"#d48265",
"#91c7ae",
"#749f83",
"#ca8622",
"#bda29a",
"#6e7074",
"#546570",
"#c4ccd3",
"#4BABDE",
"#FFDE76",
"#E43C59",
];
return colorList[params.dataIndex];
},
label: {
show: true, //开启显示
position: 'right', //在上方显示
textStyle: {
//数值样式
color: 'black',
fontSize: 16
}
}
}
}
}
]
};
var optionMap = {
backgroundColor: '#FFFFFF',
title: {
text: '',
subtext: '',
x: 'center'
},
tooltip: {
trigger: 'item',
formatter: `{b} : {c}`
},
//左侧小导航图标
// visualMap: {
// show: true,
// x: 'left',
// y: 'center',
// splitList: [
// { start: 500, end: 600 }, { start: 400, end: 500 },
// { start: 300, end: 400 }, { start: 200, end: 300 },
// { start: 100, end: 200 }, { start: 0, end: 100 },
// ],
// color: ['#5475f5', '#9feaa5', '#85daef', '#74e2ca', '#e6ac53', '#9fb5ea']
// },
visualMap: {
min: 0,
max: 300,
right: '0%',
text: ['High', 'Low'],
realtime: false,
calculable: true,
inRange: {
color: ['lightskyblue', 'yellow', 'orangered']
}
},
//配置属性
series: [{
name: '数据',
type: 'map',
mapType: 'china',
roam: false,
label: {
normal: {
formatter: '{b}:{c}',
show: true //省份名称
},
emphasis: {
show: true
}
},
data: mydata //数据
}]
};
//初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
var myChart2 = echarts.init(document.getElementById('main2'));
//使用制定的配置项和数据显示图表
myChart.setOption(optionMap);
myChart2.setOption(optionBar);
</script>
</head>
结语
文章仅作为学习笔记，记录从0到1的一个过程
希望对您有一点点帮助，如有错误欢迎小伙伴指正
