各国人口数据(2020)
利用Pyecharts绘制地图时，用worldometers的population数据绘制了世界各国人口数据地图，如上图。
看到worldometers中的数据还包括了国土面积、增长率等其它数据，于是一时兴起想利用Pyecharts在绘制的地图上，浮动信息栏里显示包含该国面积、人口等等更多的信息。一番折腾下来发现个有意思的问题。
首先想到的是直接将国土面积、国旗等，构建了['国家名称', 人口数, 国土面积, 国旗png文件地址]的列表（如下图所示为人口数前十的国家的相应数据）。将这个列表传入Map()命令的datapair参数，但发现程序报错：
ValueError: too many values to unpack (expected 2)
ValueError: too many values to unpack (expected 2)
按照返回的信息，认为pyecharts是默认传入的数据是一个[{"name": "value"}]二值对列表。于是将列表改写为了['国家名称', [人口数, 国土面积, 国旗地址] ]的形式。这次pyecharts倒是生成了世界地图，但并没有按照人口数值进行着色，但从浮动显示框的信息来看，各国的数据是正确导入了的。
世界地图多值列表无法正常显示
代码如下：
top10_data = [
['China', [1439323776, 9388211, 'cn.png']],
['India', [1380004385, 2973190, 'in.png']],
['United States', [331002651, 9147420, 'us.png']],
['Indonesia', [273523615, 1811570, 'id.png']],
['Pakistan', [220892340, 770880, 'pk.png']],
['Brazil', [212559417, 8358140, 'br.png']],
['Nigeria', [206139589, 910770, 'ng.png']],
['Bangladesh', [164689383, 130170, 'bd.png']],
['Russia', [145934462, 16376870, 'ru.png']],
['Mexico', [128932753, 1943950, 'mx.png']]
]
low, high = min(Population1_and_Area.head(10).Pop), max(Population1_and_Area.head(10).Pop)
mapformatter = """
function (params, ticket, callback) {
var result = '';
var xName = params.name;
var seriesName = params.seriesName;
var pop = params.data.value[0];
var area = params.data.value[1];
var flagurl = params.data.value[2];
var value = params.value;
result += '<img src="./flags-mini/'+ flagurl +'" height=20 /> ' + '<br/>';
result += 'Area: ' + area + '<br/>';
result += 'Population: ' + value ;
result += '<br/>';
console.log(params);
return result
}
"""
(
Map(init_opts=opts.InitOpts(theme=ThemeType.LIGHT))
.add("", data_pair=top10_data , maptype="world",
label_opts=opts.LabelOpts(is_show=False),
is_map_symbol_show=False)
.set_global_opts(visualmap_opts=opts.VisualMapOpts(max_=high, min_=low),
tooltip_opts=opts.TooltipOpts(is_show=True,formatter=JsCode(mapformatter)))
.render_notebook()
)
鬼使神差的想看看中国地图是不是也一样无法着色，于是利用NAME_MAP_DATA 字典，将Top10国家名称映射为中国的十个省份：
NAME_MAP_DATA = {
'广东': 'China',
'江苏': 'India',
'山东': 'United States',
'辽宁': 'Indonesia',
'河北': 'Pakistan',
'河南': 'Brazil',
'浙江': 'Nigeria',
'四川': 'Bangladesh',
'湖北': 'Russia',
'湖南': 'Mexico'}
Pyecharts的Map()参数中有'name_map'一项，用来将数据的datapair 中的'name'与Pyecharts地图文件中名称相对应。
Map().add(
series_name="",
data_pair=top10_data,
maptype="china",
name_map=NAME_MAP_DATA,
label_opts=opts.LabelOpts(is_show=False),
is_map_symbol_show=False,
itemstyle_opts={
"normal": {"areaColor": "#323c48", "borderColor": "#404a59"},
"emphasis": {
"label": {"show": 2010},
"areaColor": "rgba(255,255,255, 0.5)",
},
}).set_global_opts(
title_opts=opts.TitleOpts(
title="各国人口Top10",
pos_left="center",
pos_top="top",
title_textstyle_opts=opts.TextStyleOpts(
font_size=15),
),
tooltip_opts=opts.TooltipOpts(
is_show=True,
formatter=JsCode(
"""
function (params, ticket, callback) {
console.log(params);
var result = '';
var xName = params.name;
var seriesName = params.seriesName;
var pop = params.data.value[0];
var area = params.data.value[1];
var flagurl = params.data.value[2];
var value = params.value;
result += xName + '<br/>';
result += '<img src="./flags-mini/'+ flagurl +'" height=10 /> ' + '<br/>';
result += 'Area: ' + area + '<br/>';
result += 'Population: ' + value ;
result += '<br/>';
return result
}
"""
),
),
visualmap_opts=opts.VisualMapOpts(
is_calculable=True,
dimension=0,
pos_left="10",
pos_top="center",
range_text=["High", "Low"],
range_color=["lightskyblue", "yellow", "orangered"],
textstyle_opts=opts.TextStyleOpts(color="#ddd"),
min_=min_data,
max_=max_data,
)).render_notebook()
中国地图中可以正常显示
运行的结果，在maptype="china", name_map=NAME_MAP_DATA时，居然能够按照'value'列表中的第一项数据正确着色，且浮动信息栏中的数据也都是正确的。
搞不懂的时，一模一样的数据，为什么在绘制世界地图maptype="world"时就行不通呢？换成比如广东省的地图同样也可以，但就是在世界地图时不行。不知道是不是个小bug，也许以后会修正过来也说不定呢。
