11.13带单位

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]
     }

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: [

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