From eb69219cab41b7ac46f3c2980c168b560f88db5b Mon Sep 17 00:00:00 2001
From: zz <2510566342@qq.com>
Date: Wed, 13 Nov 2024 13:07:14 +0800
Subject: [PATCH] =?UTF-8?q?11.13=E5=B8=A6=E5=8D=95=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mall/home/components/MemberStatisticsCard.vue  | 2 ++
 src/views/mall/home/components/TradeTrendCard.vue        | 8 +++++++-
 .../statistics/member/components/MemberTerminalCard.vue  | 9 +++++++--
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/views/mall/home/components/MemberStatisticsCard.vue b/src/views/mall/home/components/MemberStatisticsCard.vue
index ad34006..51c7221 100644
--- a/src/views/mall/home/components/MemberStatisticsCard.vue
+++ b/src/views/mall/home/components/MemberStatisticsCard.vue
@@ -102,6 +102,8 @@ const eChartOptions = reactive<EChartsOption>({
   series: [
     {
       name: '换电车辆',
+      label:{show:true,position:'top',textStyle:{color:'#000000'}, formatter:function(data){
+        return data.value+'辆'}},
       type: 'bar',
       data: [70,266,210,35,112,98,91]
     }
diff --git a/src/views/mall/home/components/TradeTrendCard.vue b/src/views/mall/home/components/TradeTrendCard.vue
index 03ca100..7d48b22 100644
--- a/src/views/mall/home/components/TradeTrendCard.vue
+++ b/src/views/mall/home/components/TradeTrendCard.vue
@@ -20,7 +20,7 @@
 </template>
 <script lang="ts" setup>
 import dayjs, { Dayjs } from 'dayjs'
-import { EChartsOption } from 'echarts'
+import { color, EChartsOption } from 'echarts'
 import * as TradeStatisticsApi from '@/api/mall/statistics/trade'
 import { fenToYuan } from '@/utils'
 import { formatDate } from '@/utils/formatTime'
@@ -107,9 +107,13 @@ const eChartOptions = reactive<EChartsOption>({
     }
   ],
   series: [
+  
     {
       name: '充换电营收',
       type: 'bar',
+      label:{show:true,position:'top',textStyle:{color:'#000000'},formatter:function(data){
+        return data.value+'元'
+      }},
       data: [ 29792.40, 18646.14, 15153.60,14488.05,7735.55,6667.58,7035.60],
       markPoint: {
         data: [
@@ -124,6 +128,8 @@ const eChartOptions = reactive<EChartsOption>({
     {
       name: '充换电量',
       type: 'bar',
+      label:{show:true,position:'top',textStyle:{color:'#000000'},formatter:function(data){
+        return data.value+'kwh'}},
       data: [ 35636.84,18949.33,18126.32,16062.14,9609.38,7620.10,7680.79],
       markPoint: {
         data: [
diff --git a/src/views/mall/statistics/member/components/MemberTerminalCard.vue b/src/views/mall/statistics/member/components/MemberTerminalCard.vue
index 0b1932f..451410f 100644
--- a/src/views/mall/statistics/member/components/MemberTerminalCard.vue
+++ b/src/views/mall/statistics/member/components/MemberTerminalCard.vue
@@ -20,7 +20,11 @@ const loading = ref(false) // 加载中
 
 /** 会员终端统计图配置 */
 const terminalChartOptions = reactive<EChartsOption>({
-  tooltip: {},
+  tooltip: {
+    trigger: "item",
+     formatter: "{b}:{d}%"
+
+  },
 
   legend: {
     orient: 'vertical',
@@ -32,7 +36,8 @@ const terminalChartOptions = reactive<EChartsOption>({
       name: '占比',
       type: 'pie',
       label: {
-        show: true
+        show: true,
+        formatter:"{b}: {d}%"
       },
       labelLine: {
         show: true