feat：【mall 商城】商城首页的迁移【antd】10%：初始化

2025-10-18 19:47:36 +08:00
parent fffe060ab1
commit ad6ba25b3e
11 changed files with 1012 additions and 143 deletions
--- a/apps/web-antd/src/views/mall/home/modules/member-statistics-chart-options.ts
+++ b/apps/web-antd/src/views/mall/home/modules/member-statistics-chart-options.ts
@@ -0,0 +1,59 @@
+import dayjs from 'dayjs';
+
+/**
+ * 会员统计图表配置
+ */
+export function getMemberStatisticsChartOptions(list: any[]): any {
+  return {
+    dataset: {
+      dimensions: ['date', 'count'],
+      source: list,
+    },
+    grid: {
+      left: 20,
+      right: 20,
+      bottom: 20,
+      top: 80,
+      containLabel: true,
+    },
+    legend: {
+      top: 50,
+    },
+    series: [{ name: '注册量', type: 'line', smooth: true, areaStyle: {} }],
+    toolbox: {
+      feature: {
+        // 数据区域缩放
+        dataZoom: {
+          yAxisIndex: false, // Y轴不缩放
+        },
+        brush: {
+          type: ['lineX', 'clear'], // 区域缩放按钮、还原按钮
+        },
+        saveAsImage: { show: true, name: '会员统计' }, // 保存为图片
+      },
+    },
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'cross',
+      },
+      padding: [5, 10],
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisTick: {
+        show: false,
+      },
+      axisLabel: {
+        formatter: (date: string) => dayjs(date).format('MM-DD'),
+      },
+    },
+    yAxis: {
+      axisTick: {
+        show: false,
+      },
+    },
+  };
+}
+