Appearance
World HeatMap
使用 echarts实现
https://jtjnjp.sh.cn/nchart/doc/example/map4.html#-en
option = {
title : {
text: 'World Sales (2023)',
subtext: 'from Garminface, Total sales, both ',
sublink : 'https://www.garminface.com/',
x:'center',
y:'top'
},
tooltip : {
trigger: 'item',
formatter : function (params) {
var value = (params.value + '').split('.');
value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,')
+ '.' + value[1];
return params.seriesName + '<br/>' + params.name + ' : ' + value;
}
},
toolbox: {
show : true,
orient : 'vertical',
x: 'right',
y: 'center',
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
}
},
dataRange: {
min: 0,
max: 1000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
series : [
{
name: 'World Population (2010)',
type: 'map',
mapType: 'world',
roam: true,
mapLocation: {
y : 60
},
itemStyle:{
emphasis:{label:{show:true}}
},
data: [
{
"name": "Poland",
"value": 372.18
},
{
"name": "United States of America",
"value": 3169.34
},
{
"name": "Germany",
"value": 972.13
},
{
"name": "Mexico",
"value": 197.53
},
{
"name": "China",
"value": 96.3
},
{
"name": "Iceland",
"value": 31.46
},
{
"name": "Czech Republic",
"value": 354.67
},
{
"name": "Finland",
"value": 55.83
},
{
"name": "Vietnam",
"value": 13.44
},
{
"name": "Slovakia",
"value": 35.1
},
{
"name": "United Kingdom",
"value": 930.81
},
{
"name": "Slovenia",
"value": 13.44
},
{
"name": "South Korea",
"value": 55.83
},
{
"name": "Taiwan",
"value": 342.3
},
{
"name": "Argentina",
"value": 24.81
},
{
"name": "Canada",
"value": 441.03
},
{
"name": "Thailand",
"value": 164.5
},
{
"name": "France",
"value": 607.67
},
{
"name": "Singapore",
"value": 14.44
},
{
"name": "Israel",
"value": 49.69
},
{
"name": "Denmark",
"value": 74.49
},
{
"name": "Turkey",
"value": 69.27
},
{
"name": "Belgium",
"value": 262.94
},
{
"name": "Netherlands",
"value": 443.96
},
{
"name": "Australia",
"value": 687.74
},
{
"name": "Norway",
"value": 566.64
},
{
"name": "South Africa",
"value": 338.08
},
{
"name": "India",
"value": 92.94
},
{
"name": "Japan",
"value": 87.93
},
{
"name": "Switzerland",
"value": 156.14
},
{
"name": "Costa Rica",
"value": 67.34
},
{
"name": "Hungary",
"value": 49.61
},
{
"name": "Austria",
"value": 126.32
},
{
"name": "Italy",
"value": 193.24
},
{
"name": "Indonesia",
"value": 128.18
},
{
"name": "Romania",
"value": 28.88
},
{
"name": "Brazil",
"value": 24.81
},
{
"name": "Hong Kong",
"value": 72.49
},
{
"name": "New Zealand",
"value": 28.02
},
{
"name": "Malta",
"value": 17.59
},
{
"name": "Spain",
"value": 55.98
},
{
"name": "Estonia",
"value": 20.8
},
{
"name": "Colombia",
"value": 111.67
},
{
"name": "Malaysia",
"value": 35.25
},
{
"name": "Puerto Rico",
"value": 20.8
},
{
"name": "Bulgaria",
"value": 20.8
},
{
"name": "Guernsey",
"value": 51.69
},
{
"name": "Bolivia",
"value": 10.37
},
{
"name": "Croatia",
"value": 103.38
},
{
"name": "Ukraine",
"value": 42.39
},
{
"name": "Cyprus",
"value": 7.22
},
{
"name": "Chile",
"value": 17.59
},
{
"name": "Isle of Man",
"value": 7.22
},
{
"name": "Armenia",
"value": 7.22
},
{
"name": "Latvia",
"value": 17.59
},
{
"name": "Philippines",
"value": 21.66
},
{
"name": "Russia",
"value": 7.22
},
{
"name": "Sweden",
"value": 32.03
},
{
"name": "Ireland",
"value": 58.91
},
{
"name": "Montenegro",
"value": 10.37
},
{
"name": "Serbia",
"value": 7.22
},
{
"name": "Luxembourg",
"value": 7.22
}
]
}
]
};