From 1ab137d9491044981facd4397697a94d9b7b9782 Mon Sep 17 00:00:00 2001 From: lion <120344285@qq.com> Date: Thu, 8 May 2025 09:26:42 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A9=BE=E9=A9=B6=E8=88=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 3 +- src/views/jsc/components/mapChart.vue | 44 ++++++++++++++------------- 2 files changed, 25 insertions(+), 22 deletions(-) diff --git a/package.json b/package.json index 888b91b..88e4cbf 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,8 @@ "avue-plugin-map": "^1.0.1", "axios": "0.18.1", "core-js": "3.6.5", - "echarts": "^4.2.1", + "echarts": "^5.2.0", + "echarts-gl": "^2.0.8", "element-ui": "2.15.13", "file-saver": "^2.0.5", "js-cookie": "2.2.0", diff --git a/src/views/jsc/components/mapChart.vue b/src/views/jsc/components/mapChart.vue index de0baac..a7b6969 100644 --- a/src/views/jsc/components/mapChart.vue +++ b/src/views/jsc/components/mapChart.vue @@ -237,10 +237,10 @@ name: "相城区", itemStyle: { normal: { - areaColor: "#75bedc", + areaColor: "#1890ff", }, emphasis: { - areaColor: "#75bedc", + areaColor: "#1890ff", }, }, }, @@ -248,10 +248,10 @@ name: "姑苏区", itemStyle: { normal: { - areaColor: '#00ffff', + areaColor: '#40a9ff', }, emphasis: { - areaColor: '#00ffff', + areaColor: '#40a9ff', }, }, }, @@ -259,10 +259,10 @@ name: "虎丘区", itemStyle: { normal: { - areaColor: "#d7335a", + areaColor: "#2f54eb", }, emphasis: { - areaColor: "#d7335a", + areaColor: "#2f54eb", }, }, }, @@ -270,21 +270,22 @@ name: "吴中区", itemStyle: { normal: { - areaColor: "#fc8251", + areaColor: "#1d39c4", }, emphasis: { - areaColor: "#fc8251", + areaColor: "#1d39c4", }, }, }, { name: "太仓市", - itemStyle: { + itemStyle: { + normal: { - areaColor: '#91cd77', + areaColor: '#597ef7', }, emphasis: { - areaColor: '#91cd77', + areaColor: '#597ef7', }, }, }, @@ -292,10 +293,10 @@ name: "昆山市", itemStyle: { normal: { - areaColor: '#ef6567', + areaColor: '#10239e', }, emphasis: { - areaColor: '#ef6567', + areaColor: '#10239e', }, }, }, @@ -303,10 +304,10 @@ name: "常熟市", itemStyle: { normal: { - areaColor: '#f9c956', + areaColor: '#69c0ff', }, emphasis: { - areaColor: '#f9c956', + areaColor: '#69c0ff', }, }, }, @@ -314,10 +315,10 @@ name: "张家港市", itemStyle: { normal: { - areaColor: '#c968e1', + areaColor: '#0050b3', }, emphasis: { - areaColor: '#c968e1', + areaColor: '#0050b3', }, }, }, @@ -325,10 +326,10 @@ name: "吴江区", itemStyle: { normal: { - areaColor: '#c968e1', + areaColor: '#096dd9', }, emphasis: { - areaColor: '#c968e1', + areaColor: '#096dd9', }, }, } @@ -349,9 +350,10 @@ position: 'center', color: "#333", textAlign: "center", - padding: [5, 10], + padding: [5, 10], + borderRadius:20, borderWidth: 1, // 图形描边的宽度。 - borderColor: "#fff", // 边框颜色 + borderColor: "#096dd9", // 边框颜色 backgroundColor: '#fff', // 背景色 formatter(val) { return val.data.name