配置项如下
myChart.showLoading();
$.get('https://raw.githubusercontent.com/WingsleyLui/MapJSON/master/global_map2.json', function (geoJson) {
myChart.hideLoading();
echarts.registerMap('globalmap', geoJson);
myChart.setOption(option = {
title : {
text: 'Global incidence of CD',
left: 'center'
},
tooltip : {
trigger: 'item',
formatter: '{b}',
},
legend: {
orient: 'vertical',
left: 'left',
},
toolbox: {
show: true,
orient : 'vertical',
left: 'right',
top: 'center',
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
}
},
visualMap: {
min: 1.9,
max: 5.2,
left: 'left',
top: 'bottom',
text:['high 158,490','low 80'], // 文本,默认为数值文本
calculable : false,
inRange: {
//color: ['#313695', '#F84B4D', '#74add1', '#fdae61', '#f46d43', '#d73027', '#a50026']
//color:['#FFDF00','#5FCCF5','#A12FDC','#FE8627','#F63796','#FF5023']
//color:['#FFDF00','#FE8627','#FF5023','#F63796','#A12FDC']
//color:['#ffecb3','#e85285','#6aib9a']
color:['#feeb65','#e4521b','#4d342f']
},
},
series: [
{
name: 'Total amount of patients',
type: 'map',
mapType: 'globalmap',
roam: false,
label: {
normal: {
show: false
},
emphasis: {
show: true
}
},
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
{name: 'Argentina 153',value:2.184691431},
{name: 'Austria 371',value:2.56937391},
{name: 'Canada 121',value:2.08278537},
{name: 'China 153',value:2.184691431},
{name: 'Hongkong 15753',value:4.197363273},
{name: 'Taiwan 125',value:2.096910013},
{name: 'Croatia 54',value:1.73239376},
{name: 'Czech Rep. 111',value:2.045322979},
{name: 'France 1153',value:3.061829307},
{name: 'Germany 150',value:2.176091259},
{name: 'Hungary 247',value:2.392696953},
{name: 'Israel 189',value:2.276461804},
{name: 'Italy 101',value:2.004321374},
{name: 'Japan 98',value:1.991226076},
{name: 'Korea 3232',value:3.509471352},
{name: 'Netherlands 1105',value:3.043362278},
{name: 'Qatar 123',value:2.089905111},
{name: 'Romania 516',value:2.712649702},
{name: 'Serbia 510',value:2.707570176},
{name: 'Spain 1126',value:3.051538391},
{name: 'Sweden 137',value:2.136720567},
{name: 'Switzerland 750',value:2.875061263},
{name: 'United Kingdom 2288',value:3.35945602},
{name: 'United States of America 142884',value:5.1549836},
],
nameMap: {
'Argentina':'Argentina 153',
'Austria':'Austria 371',
'Canada':'Canada 121',
'China':'China 153',
'Hongkong':'Hongkong 15753',
'Taiwan':'Taiwan 125',
'Croatia':'Croatia 54',
'Czech Rep.':'Czech Rep. 111',
'France':'France 1153',
'Germany':'Germany 150',
'Hungary':'Hungary 247',
'Israel':'Israel 189',
'Italy':'Italy 101',
'Japan':'Japan 98',
'Korea':'Korea 3232',
'Netherlands':'Netherlands 1105',
'Qatar':'Qatar 123',
'Romania':'Romania 516',
'Serbia':'Serbia 510',
'Spain':'Spain 1126',
'Sweden':'Sweden 137',
'Switzerland':'Switzerland 750',
'United Kingdom':'United Kingdom 2288',
'United States of America':'United States of America 142884'
}
}
]
});
});