From 104c376d6e0151d019a1ba94787e16cf8f4969aa Mon Sep 17 00:00:00 2001
From: kdletters <kdletters@qq.com>
Date: Thu, 9 Jul 2026 17:41:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=90=8E=E5=8F=B0Dashboard?=
 =?UTF-8?q?=E6=9C=88=E8=A7=86=E5=9B=BE=E6=97=A5=E6=9C=9F=E5=88=BB=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

放宽 Dashboard 柱状图日期列宽并保持柱子居中

补充 Dashboard 长时段横轴滚动展示口径
---
 apps/admin-web/src/styles/admin.css                   | 11 +++++++----
 .../【后台管理】Dashboard运营看板方案-2026-06-23.md   |  1 +
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/admin-web/src/styles/admin.css b/apps/admin-web/src/styles/admin.css
index 29a66d54b..ac9523e4e 100644
--- a/apps/admin-web/src/styles/admin.css
+++ b/apps/admin-web/src/styles/admin.css
@@ -394,7 +394,7 @@ button:disabled {
 .admin-dashboard-bars {
   display: grid;
   grid-auto-flow: column;
-  grid-auto-columns: minmax(18px, 1fr);
+  grid-auto-columns: minmax(36px, 1fr);
   align-items: end;
   gap: 8px;
   min-height: 196px;
@@ -404,7 +404,7 @@ button:disabled {
 
 .admin-dashboard-bar-item {
   display: grid;
-  min-width: 18px;
+  min-width: 36px;
   gap: 7px;
   align-items: end;
   justify-items: center;
@@ -413,7 +413,8 @@ button:disabled {
 .admin-dashboard-bar-track {
   position: relative;
   display: flex;
-  width: 100%;
+  width: 18px;
+  max-width: 100%;
   min-width: 18px;
   height: 160px;
   align-items: flex-end;
@@ -430,10 +431,12 @@ button:disabled {
 }
 
 .admin-dashboard-bar-item small {
-  max-width: 48px;
+  width: 100%;
+  max-width: 44px;
   overflow: hidden;
   color: #8f7868;
   font-size: 11px;
+  font-variant-numeric: tabular-nums;
   font-weight: 700;
   text-align: center;
   text-overflow: ellipsis;
diff --git a/docs/technical/【后台管理】Dashboard运营看板方案-2026-06-23.md b/docs/technical/【后台管理】Dashboard运营看板方案-2026-06-23.md
index 3217bfbf5..51cad8109 100644
--- a/docs/technical/【后台管理】Dashboard运营看板方案-2026-06-23.md
+++ b/docs/technical/【后台管理】Dashboard运营看板方案-2026-06-23.md
@@ -16,6 +16,7 @@
 - 前端统一展示起始日期和终止日期两个日期选择器；点击“本日 / 本周 / 本月”按当天真实日期自动填充对应自然日 / 自然周 / 自然月范围并刷新，手动修改起止日期后按当前日期范围查询。
 - 前端默认日期和“本日 / 本周 / 本月”快捷入口都按 `Asia/Shanghai` 计算，不使用浏览器本地时区。
 - 前端每 5 分钟自动刷新一次，同时保留手动刷新按钮。
+- 图表横轴按后端返回的 bucket label 展示；本月和较长自定义时段使用固定最小日期列宽并允许横向滚动，避免日期刻度互相挤压。
 
 ## 指标口径