配置项如下
var uploadedDataURL = "/asset/get/s/data-1587698300715-NVRykymdx.json";
// var uploadedDataURL = "/asset/get/s/data-1587697908471-tEThFE4dG.json";
// var uploadedDataURL = "/asset/get/s/data-1587697619629-BN86ze-Ei.json";
// var uploadedDataURL = "/asset/get/s/data-1587697570753-3QvQ3nOqM.json";
// var uploadedDataURL = "/asset/get/s/data-1587697470373-OQsDhpJQ5.json";
// var uploadedDataURL = "/asset/get/s/data-1587697470373-OQsDhpJQ5.json";
// datas = [{'name': 'BJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'LNN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'TJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'LNS', 'value': -0.1, 'label': {'color': '#000'}}, {'name': 'HEN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZH', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SD', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HEB', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SX3', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GDW', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'YN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'FJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'AH', 'value': -0.1, 'label': {'color': '#000'}}, {'name': 'JS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'JL', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HLJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZJ', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'GDE', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'IM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SC', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HUN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'XJ', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'CQ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HUB', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'JX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HAN', 'value': 0.0, 'label': {'color': '#000'}}] ;
// datas = [{'name': 'HEN', 'value': 0.4, 'label': {'color': '#000'}}, {'name': 'TJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'LNN', 'value': 1.7, 'label': {'color': '#000'}}, {'name': 'GX', 'value': -1.5, 'label': {'color': '#000'}}, {'name': 'ZH', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'BJ', 'value': -2.0, 'label': {'color': '#000'}}, {'name': 'LNS', 'value': 3.0, 'label': {'color': '#000'}}, {'name': 'SX', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'SD', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SX3', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'HEB', 'value': 2.0, 'label': {'color': '#000'}}, {'name': 'AH', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'YN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'FJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GDW', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'JL', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'JS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZJ', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'HLJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SM', 'value': 4.0, 'label': {'color': '#000'}}, {'name': 'HUN', 'value': -0.5, 'label': {'color': '#000'}}, {'name': 'GS', 'value': -0.5, 'label': {'color': '#000'}}, {'name': 'SC', 'value': -1.2, 'label': {'color': '#000'}}, {'name': 'GDE', 'value': -1.0, 'label': {'color': '#000'}}, {'name': 'JX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'IM', 'value': 1.5, 'label': {'color': '#000'}}, {'name': 'XJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'CQ', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'HUB', 'value': 0.5, 'label': {'color': '#000'}}, {'name': 'HAN', 'value': 1000.0, 'label': {'color': '#fff'}}] ;
// datas = [{'name': 'BJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'LNN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'TJ', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'LNS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HEN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GX', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'ZH', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SD', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HEB', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'SX3', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GDW', 'value': 0.2, 'label': {'color': '#000'}}, {'name': 'YN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'FJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZM', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'AH', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'JS', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'JL', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SM', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'HLJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZJ', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'GDE', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'IM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SC', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HUN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'XJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'CQ', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'HUB', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'JX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HAN', 'value': 0.0, 'label': {'color': '#000'}}] ;
// datas = [{'name': 'HEN', 'value': -1.0, 'label': {'color': '#000'}}, {'name': 'TJ', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'LNN', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'GX', 'value': 0.2, 'label': {'color': '#000'}}, {'name': 'ZH', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'BJ', 'value': -1.0, 'label': {'color': '#000'}}, {'name': 'LNS', 'value': -2.0, 'label': {'color': '#000'}}, {'name': 'SX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SD', 'value': -2.0, 'label': {'color': '#000'}}, {'name': 'SX3', 'value': 1.0, 'label': {'color': '#000'}}, {'name': 'HEB', 'value': -2.0, 'label': {'color': '#000'}}, {'name': 'AH', 'value': -0.5, 'label': {'color': '#000'}}, {'name': 'YN', 'value': 3.0, 'label': {'color': '#000'}}, {'name': 'FJ', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'GDW', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'JL', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'JS', 'value': -2.0, 'label': {'color': '#000'}}, {'name': 'ZM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HLJ', 'value': 0.7, 'label': {'color': '#000'}}, {'name': 'SM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HUN', 'value': -1.0, 'label': {'color': '#000'}}, {'name': 'GS', 'value': 0.5, 'label': {'color': '#000'}}, {'name': 'SC', 'value': -0.7, 'label': {'color': '#000'}}, {'name': 'GDE', 'value': 2.2, 'label': {'color': '#000'}}, {'name': 'JX', 'value': 1.5, 'label': {'color': '#000'}}, {'name': 'IM', 'value': 1000.0, 'label': {'color': '#fff'}}, {'name': 'XJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'CQ', 'value': 2.0, 'label': {'color': '#000'}}, {'name': 'HUB', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HAN', 'value': -2.2, 'label': {'color': '#000'}}] ;
// datas = [{'name': 'BJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'LNN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'TJ', 'value': -0.1, 'label': {'color': '#000'}}, {'name': 'LNS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HEN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZH', 'value': -0.1, 'label': {'color': '#000'}}, {'name': 'SX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SD', 'value': -0.1, 'label': {'color': '#000'}}, {'name': 'HEB', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SX3', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GDW', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'YN', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'FJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'AH', 'value': -0.1, 'label': {'color': '#000'}}, {'name': 'JS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'JL', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'SM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HLJ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'ZJ', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'GDE', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'IM', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'SC', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HUN', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'XJ', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'CQ', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HUB', 'value': 0.1, 'label': {'color': '#000'}}, {'name': 'JX', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'GS', 'value': 0.0, 'label': {'color': '#000'}}, {'name': 'HAN', 'value': -0.2, 'label': {'color': '#000'}}] ;
datas =[{'name': 'LNN', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'TJ', 'value': 3000.0, 'label': {'color': '#000'}},
{'name': 'LNS', 'value': -0.5, 'label': {'color': '#fff'}},
{'name': 'ZH', 'value': -0.5, 'label': {'color': '#fff'}},
{'name': 'GX', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'SX3', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'BJ', 'value': 1000.0, 'label': {'color': '#fff'}},
{'name': 'SX', 'value': -0.5, 'label': {'color': '#fff'}},
{'name': 'SD', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'HEN', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'HEB', 'value': 1000.0, 'label': {'color': '#fff'}},
{'name': 'AH', 'value': 2000.0, 'label': {'color': '#000'}},
{'name': 'GDW', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'FJ', 'value': 3000.0, 'label': {'color': '#000'}},
{'name': 'YN', 'value': 0.4, 'label': {'color': '#fff'}},
{'name': 'SM', 'value': -0.1, 'label': {'color': '#fff'}},
{'name': 'ZM', 'value': -0.1, 'label': {'color': '#fff'}},
{'name': 'JS', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'ZJ', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'GDE', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'IM', 'value': 3000.0, 'label': {'color': '#000'}},
{'name': 'HLJ', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'JL', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'GS', 'value': 3000.0, 'label': {'color': '#000'}},
{'name': 'HUB', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'SC', 'value': 3000.0, 'label': {'color': '#000'}},
{'name': 'HUN', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'CQ', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'JX', 'value': 0.0, 'label': {'color': '#000'}},
{'name': 'XJ', 'value': 3000.0, 'label': {'color': '#000'}},
{'name': 'HAN', 'value': 0.0, 'label': {'color': '#000'}}]
myChart.showLoading();
$.get(uploadedDataURL, function(usaJson) {
myChart.hideLoading();
echarts.registerMap('China', usaJson, {});
option = {
width:650,
height:650/1.25,
title: {
// text: 'mmpo1.25',
// left: 'right'
},
backgroundColor: "transparent",
borderColor: "#121212",
visualMap: {
min: 2,
max: 5,
left: 26,
bottom: 40,
showLabel: 0,
// text: ["高", "低"],
pieces: [
{
lte:3000,
gte: 3000,
color: '#f5caca'
},
{
lte:2999,
gte: 2000,
color: "#c2dbf8"
},
{
lte:1999,
gte: 1000,
color: "#a9a9a9"
},{
lte:999,
gt: 0.0,
color: "#bc2f2f"
}, {
lt: 0.0,
color: '#0050ca'
}, {
value: 0,
color: '#fac354'
}],
show: false
},
series: [{
name: 'qq',
type: 'map',
roam: true,
map: 'China',
label: {
show: 1,
position: 'bottom',
distance: 220,
rotate: 30,
fontSize: 13,
fontWeight: 'bolder',
align: 'center',
fontStyle: "oblique"
},
emphasis: {
label: {
show: true
}
},
itemStyle: {
borderColor: "#fff",
borderWidth: 1,
areaColor: "#a9a9a9"
},
data: window.datas
}]
};
myChart.setOption(option);
});