From 8012d6c4cf534e8e37a4f38116f1a1a1f903840e Mon Sep 17 00:00:00 2001
From: wangzenghua <1048523306@qq.com>
Date: Thu, 24 Apr 2025 08:51:32 +0100
Subject: [PATCH] =?UTF-8?q?fix:=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/custom-echart-bar/index.vue       | 7 ++++++-
 src/views/land/components/distributionCharts.vue | 8 ++++++++
 src/views/land/components/landCirculation.vue    | 6 +++---
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/components/custom-echart-bar/index.vue b/src/components/custom-echart-bar/index.vue
index 061f0b5..4ae9afc 100644
--- a/src/components/custom-echart-bar/index.vue
+++ b/src/components/custom-echart-bar/index.vue
@@ -37,7 +37,7 @@ export default {
   emits: ['click'],
   setup(props, { emit }) {
     const chartRef = ref(null);
-    const { setOptions, getInstance } = useEcharts(chartRef);
+    const { setOptions, getInstance, startAutoPlay } = useEcharts(chartRef);
     const option = reactive({
       tooltip: {
         trigger: 'axis',
@@ -97,6 +97,11 @@ export default {
       option.series = props.isSeries && option.series.length > 0 ? option.series : seriesData;
       option.xAxis.data = xAxisData;
       setOptions(option);
+      startAutoPlay({
+        interval: 2000,
+        seriesIndex: 0,
+        showTooltip: true,
+      });
       getInstance()?.off('click', onClick);
       getInstance()?.on('click', onClick);
     }
diff --git a/src/views/land/components/distributionCharts.vue b/src/views/land/components/distributionCharts.vue
index 280eb76..b4cb3dd 100644
--- a/src/views/land/components/distributionCharts.vue
+++ b/src/views/land/components/distributionCharts.vue
@@ -18,6 +18,14 @@ const state = reactive({
       axisPointer: {
         type: 'shadow',
       },
+      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>`;
+        return str;
+      },
     },
     barStyle: {
       barWidth: 15,
diff --git a/src/views/land/components/landCirculation.vue b/src/views/land/components/landCirculation.vue
index 687d111..8aac8f8 100644
--- a/src/views/land/components/landCirculation.vue
+++ b/src/views/land/components/landCirculation.vue
@@ -25,9 +25,9 @@ const options = ref({
       { name: '大同', value: 51.11 },
     ],
     type: 'column',
-    rowNum: 5,
+    rowNum: 6,
     isAnimation: true,
-    waitTime: 2,
+    waitTime: 5,
     unit: '万元',
     sort: true,
     height: 16,
@@ -48,7 +48,7 @@ const options = ref({
 <style scoped lang="scss">
 .rank {
   padding: 10px 20px;
-  height: 200px;
+  height: 280px;
   overflow: hidden;
 
   &:deep(.row-item) {