静态气泡地图更新

qianming 3 years ago
parent ecd32b37c8
commit 27f8238786

@ -217,9 +217,9 @@ export default {
show: true, show: true,
formatter: function (params) { formatter: function (params) {
if (params.value.length > 1) { if (params.value.length > 1) {
return '  ' + params.name + '   ' + params.value[2] + '  '; return '  ' + params.name + '   ' + params.value[2] + '  ';
} else { } else {
return '  ' + params.name + '   ' + params.value + '  '; return '  ' + params.name + '   ' + params.value + '  ';
} }
}, },
}, },
@ -249,21 +249,26 @@ export default {
} }
} }
}, },
series: [{ series: [
{
type: 'map', type: 'map',
map: 'china', map: 'china',
aspectScale: 0.75, aspectScale: 0.75,
//zoom:1.1,
label: { label: {
normal: { normal: {
show: false, //formatter: '{b}',
position: 'right',
show: true,
color: '#53D9FF',
fontSize: 15
}, },
emphasis: { emphasis: {
show: false, show: true,
} },
}, },
itemStyle: { itemStyle: {
normal: { normal: {
//
areaColor: { areaColor: {
x: 0, x: 0,
y: 0, y: 0,
@ -280,6 +285,7 @@ export default {
borderColor: '#215495', borderColor: '#215495',
borderWidth: 1, borderWidth: 1,
}, },
//
emphasis: { emphasis: {
areaColor: { areaColor: {
x: 0, x: 0,
@ -291,14 +297,15 @@ export default {
color: '#073684' // 0% color: '#073684' // 0%
}, { }, {
offset: 1, offset: 1,
color: '#061E3D' // 100% color: '#2B91B7' // 100%
}], }],
}, },
} }
}, },
data: data, data: data,
}, },
{type: 'effectScatter', {
type: 'effectScatter',
coordinateSystem: 'geo', coordinateSystem: 'geo',
rippleEffect: { rippleEffect: {
brushType: 'stroke' brushType: 'stroke'
@ -306,6 +313,7 @@ export default {
showEffectOn: 'render', showEffectOn: 'render',
itemStyle: { itemStyle: {
normal: { normal: {
//
color: { color: {
type: 'radial', type: 'radial',
x: 0.5, x: 0.5,
@ -346,7 +354,8 @@ export default {
symbolSize: function (val) { symbolSize: function (val) {
if (val[2] == 0) { if (val[2] == 0) {
return 0; return 0;
}; }
;
return ((maxSize4Pin - minSize4Pin) / (max - min)) * val[2] + (maxSize4Pin - ((maxSize4Pin - minSize4Pin) / (max - min)) * max) * 1.2; return ((maxSize4Pin - minSize4Pin) / (max - min)) * val[2] + (maxSize4Pin - ((maxSize4Pin - minSize4Pin) / (max - min)) * max) * 1.2;
}, },
data: convertData(data), data: convertData(data),
@ -463,6 +472,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.echarts { .echarts {
width: 100%; width: 100%;
height: 100%; height: 100%;

Loading…
Cancel
Save