物业后台框架基本完成

src/views/system/statistics/Payment/index.vue

@@ -87,6 +87,7 @@
 </template>
 
 <script setup lang="ts">
+// TODO 缴费分析
 import { ref } from 'vue';
 import Echarts from '@/components/Echarts/index.vue';
 import { EChartsOption } from 'echarts';
@@ -225,11 +226,12 @@ const bgData2 = agesData.map((item) => middleHeight);
 /** 年龄分布 */
 const options3 = shallowRef<EChartsOption>({
   title: {
-    text: '住户年龄分布',
-    left: '0',
-    top: '0',
-    textStyle: { fontSize: 16, fontWeight: 'bold' }
+    text: '年龄分布',
+    left: 0,
+    top: 0,
+    textStyle: { fontSize: 14, fontWeight: 'normal' }
   },
+  xAxis: {},
   grid: {
     left: '3%',
     right: '4%',
@@ -237,59 +239,40 @@ const options3 = shallowRef<EChartsOption>({
     bottom: '8%',
     containLabel: true
   },
-  tooltip: {
-    trigger: 'item',
-    confine: true,
-    axisPointer: { type: 'shadow' }
-  },
-  // 鼠标悬浮高亮当前，其他隐藏
-
-  xAxis: { type: 'category', data: agesX, axisLabel: { interval: 0 } },
-  yAxis: {
-    type: 'value',
-    splitLine: { show: true, lineStyle: { color: '#eee' } }
-  },
+  yAxis: {},
   series: [
-    // 蓝色真实数据
     {
-      type: 'bar',
-      barWidth: barwidth,
-      data: agesData,
-      itemStyle: {
-        color: '#409eff',
-        borderRadius: [4, 4, 0, 0]
-      },
-      stack: 'total'
-    },
-    {
-      type: 'bar',
-      barWidth: barwidth,
-      data: bgData2,
-      tooltip: { show: false }, // 关键：不显示提示
-      itemStyle: {
-        color: '#fff'
-      },
-      stack: 'total'
-    },
-    {
-      type: 'bar',
-      barWidth: barwidth,
-      data: bgData,
-      tooltip: { show: false }, // 关键：不显示提示
-      itemStyle: {
-        color: 'rgba(180, 180, 180, 0.2)'
-      },
-      stack: 'total'
+      symbolSize: 20,
+      data: [
+        [10.0, 8.04],
+        [8.07, 6.95],
+        [13.0, 7.58],
+        [9.05, 8.81],
+        [11.0, 8.33],
+        [14.0, 7.66],
+        [13.4, 6.81],
+        [10.0, 6.33],
+        [14.0, 8.96],
+        [12.5, 6.82],
+        [9.15, 7.2],
+        [11.5, 7.2],
+        [3.03, 4.23],
+        [12.2, 7.83],
+        [2.02, 4.47],
+        [1.05, 3.33],
+        [4.05, 4.96],
+        [6.03, 7.24],
+        [12.0, 6.26],
+        [12.0, 8.84],
+        [7.08, 5.82],
+        [5.02, 5.68]
+      ],
+      type: 'scatter'
     }
   ]
 });
-// ! 年龄分布 -------------------------------------------------------------------------------------
 
-// ! 职业分布比例 -------------------------------------------------------------------------------------
-
-// ! 职业分布比例 -------------------------------------------------------------------------------------
-
-// ! 人员流动情况 -------------------------------------------------------------------------------------
+// ! 进十日缴费数量情况 -------------------------------------------------------------------------------------
 // 近10天日期
 const dayX = getLast7Days(10);
 
@@ -383,7 +366,7 @@ const flowLineOption = shallowRef<EChartsOption>({
     }
   ]
 });
-// ! 人员流动情况 -------------------------------------------------------------------------------------
+// ! 进十日缴费数量情况 -------------------------------------------------------------------------------------
 </script>
 
 <style scoped lang="scss">