|
@@ -39,11 +39,14 @@ onMounted(() => {
|
|
|
// ];
|
|
|
const props = defineProps({ data: Object });
|
|
|
const convertData = (data) => {
|
|
|
+ console.log('data', data);
|
|
|
var res = [];
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
var geoCoord =
|
|
|
geoCoordMap[
|
|
|
- data[i].name?.endsWith('省') ? data[i].name.slice(0, -1) : data[i].name
|
|
|
+ data[i].name?.endsWith('省') || data[i].name?.endsWith('市')
|
|
|
+ ? data[i].name.slice(0, -1)
|
|
|
+ : data[i].name
|
|
|
];
|
|
|
if (geoCoord) {
|
|
|
res.push({
|
|
@@ -68,7 +71,7 @@ const dataHandle = (data) => {
|
|
|
coordinateSystem: 'geo',
|
|
|
data: convertData(item.data),
|
|
|
symbolSize: function (val) {
|
|
|
- return val[2] / 3000;
|
|
|
+ return val[2] * 10;
|
|
|
},
|
|
|
label: {
|
|
|
normal: {
|
|
@@ -96,7 +99,7 @@ const dataHandle = (data) => {
|
|
|
})
|
|
|
),
|
|
|
symbolSize: function (val) {
|
|
|
- return val[2] / 3000;
|
|
|
+ return val[2] * 10;
|
|
|
},
|
|
|
showEffectOn: 'render',
|
|
|
rippleEffect: {
|
|
@@ -142,7 +145,7 @@ const options = computed(() => {
|
|
|
},
|
|
|
geo: {
|
|
|
map: 'china',
|
|
|
- zoom: 1.5,
|
|
|
+ zoom: 1.7,
|
|
|
label: {
|
|
|
emphasis: {
|
|
|
show: false,
|
|
@@ -153,7 +156,8 @@ const options = computed(() => {
|
|
|
roam: true,
|
|
|
label: {
|
|
|
normal: {
|
|
|
- show: true,
|
|
|
+ // show: true,
|
|
|
+ show: false,
|
|
|
color: 'rgb(249, 249, 249)', //省份标签字体颜色
|
|
|
formatter: (p) => {
|
|
|
switch (p.name) {
|