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