From 7efcaa2b1f2978b20e308172ccd70c5bc6b6f7e3 Mon Sep 17 00:00:00 2001
From: lx <826276471@qq.com>
Date: Sun, 27 Apr 2025 09:02:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E7=94=9F=E4=BA=A7=E7=BB=8F=E8=90=A5?=
 =?UTF-8?q?=E4=B8=BB=E4=BD=93=E9=A1=B5=E9=9D=A2*80%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../custom-echart-hyaline-cake/index.vue      | 21 ++++++++++++-------
 src/views/land/components/landPlan.vue        |  8 ++++---
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/custom-echart-hyaline-cake/index.vue b/src/components/custom-echart-hyaline-cake/index.vue
index dfbfbfa..49954f3 100644
--- a/src/components/custom-echart-hyaline-cake/index.vue
+++ b/src/components/custom-echart-hyaline-cake/index.vue
@@ -183,6 +183,9 @@ export default {
       const option = Object.assign(
         {
           tooltip: {
+            backgroundColor: 'rgba(18, 55, 85, 0.8);',
+            borderColor: '#35d0c0',
+            color: '#fff',
             position: function (point, params, dom, rect, size) {
               var x = point[0];
               var y = point[1];
@@ -210,14 +213,16 @@ export default {
             formatter: (params) => {
               if (params.seriesName !== 'mouseoutSeries') {
                 return `
-               ${params.seriesName}<br/>
-                  <span style="display:inline-block;
-                  margin-right:5px;
-                  border-radius:10px;
-                  width:10px;
-                  height:10px;
-                  background-color:${params.color};"></span>
-                  ${option.series[params.seriesIndex].pieData.value}
+                <span style="color:#FFF">
+                  ${params.seriesName}<br/>
+                    <span style="display:inline-block;
+                    margin-right:5px;
+                    border-radius:10px;
+                    width:10px;
+                    height:10px;
+                    background-color:${params.color};"></span>
+                    ${option.series[params.seriesIndex].pieData.value}
+                  </span>
                   `;
               }
               return '';
diff --git a/src/views/land/components/landPlan.vue b/src/views/land/components/landPlan.vue
index 931a907..d331287 100644
--- a/src/views/land/components/landPlan.vue
+++ b/src/views/land/components/landPlan.vue
@@ -29,12 +29,14 @@ const state = reactive({
       axisPointer: {
         type: 'shadow',
       },
+      backgroundColor: 'rgba(18, 55, 85, 0.8);',
+      borderColor: '#35d0c0',
       formatter: (data) => {
         const params = data[0];
         let str = `<div class="custom-echarts-tips">
-          <span>${params.name}</span><br/>
-          <span>${params.marker} ${params.data} 万亩</span>
-        </div>`;
+     <span>${params.name}</span><br/>
+     <span>${params.marker} ${params.data} 万元</span>
+    </div>`;
         return str;
       },
     },