增加K线

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

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