From 61b5e7424a138ba7192c16e73b2a7bba290cb091 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Sat, 30 May 2026 10:56:43 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0K=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/charts.js | 17 ++++++++---------
 web/style.css | 10 +++++-----
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/web/charts.js b/web/charts.js
index df763d7..9e15c52 100644
--- a/web/charts.js
+++ b/web/charts.js
@@ -30,8 +30,8 @@ const COLORS = {
 };
 
 const MINI_SIZE = { w: 380, h: 100 };
-/** 弹窗图表最小尺寸；实际按视口放大（带鱼屏可接近全宽） */
-const MODAL_CHART_MIN = { w: 1280, h: 560 };
+/** 弹窗 K 线区域固定尺寸（带鱼屏居中大图） */
+const MODAL_CHART_SIZE = { w: 1920, h: 1080 };
 const DEFAULT_MINI_INTERVAL = "1d";
 
 let chartModalSymbol = "";
@@ -56,11 +56,10 @@ function limitForInterval(interval) {
 }
 
 function modalChartSize() {
-  const padX = 32;
-  const chromeY = 150;
-  const w = Math.max(MODAL_CHART_MIN.w, window.innerWidth - padX * 2);
-  const h = Math.max(MODAL_CHART_MIN.h, window.innerHeight - chromeY);
-  return { w, h };
+  return {
+    w: Math.min(MODAL_CHART_SIZE.w, window.innerWidth - 32),
+    h: Math.min(MODAL_CHART_SIZE.h, window.innerHeight - 32),
+  };
 }
 
 function loadKlineFromLS(symbol, interval) {
@@ -523,8 +522,8 @@ function ensureLwcChart(container) {
       textColor: COLORS.text,
     },
     grid: {
-      vertLines: { color: COLORS.grid },
-      horzLines: { color: COLORS.grid },
+      vertLines: { visible: false },
+      horzLines: { visible: false },
     },
     crosshair: { mode: LightweightCharts.CrosshairMode.Normal },
     rightPriceScale: { borderColor: COLORS.grid },
diff --git a/web/style.css b/web/style.css
index c26e260..2bd4986 100644
--- a/web/style.css
+++ b/web/style.css
@@ -334,8 +334,7 @@ button:hover {
   border: 1px solid var(--border);
   border-radius: 12px;
   padding: 1.25rem 1.5rem 1.5rem;
-  width: calc(100vw - 2rem);
-  max-width: none;
+  width: min(1968px, calc(100vw - 2rem));
   max-height: 96vh;
   overflow: auto;
   box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
@@ -378,9 +377,10 @@ button:hover {
 }
 
 .chart-lwc-container {
-  width: 100%;
-  min-width: 1280px;
-  min-height: 560px;
+  width: 1920px;
+  max-width: 100%;
+  height: 1080px;
+  max-height: calc(96vh - 140px);
   margin: 0 auto;
 }