diff --git a/src/routes/hot-map.tsx b/src/routes/hot-map.tsx index dafb1fc..2e0b455 100644 --- a/src/routes/hot-map.tsx +++ b/src/routes/hot-map.tsx @@ -425,12 +425,29 @@ function drawThemeNodes( const isPos = (n.bf3 ?? 0) >= 0; ctx.beginPath(); ctx.arc(n.x ?? 0, n.y ?? 0, r, 0, TAU); - ctx.fillStyle = isActive ? (isPos ? "#2563eb" : "#16a34a") : isPos ? "#3b82f6" : "#22c55e"; - ctx.globalAlpha = dim ? 0.15 : 1; - ctx.fill(); - ctx.strokeStyle = isPos ? "#1d4ed8" : "#15803d"; - ctx.lineWidth = 1.5; + // 正涨幅:蓝色实心;负涨幅:蓝色空心 + ctx.strokeStyle = "#3b82f6"; + ctx.lineWidth = isPos ? 1.5 : 2; + if (isPos) { + ctx.fillStyle = "#3b82f6"; + ctx.globalAlpha = dim ? 0.15 : 1; + ctx.fill(); + } else { + // 空心:仅描边,内部留白 + ctx.fillStyle = "#3b82f6"; + ctx.globalAlpha = dim ? 0.05 : 0.15; + ctx.fill(); + ctx.globalAlpha = dim ? 0.15 : 0.6; + } ctx.stroke(); + // 选中外环 + if (isActive) { + ctx.beginPath(); + ctx.arc(n.x ?? 0, n.y ?? 0, r + 3, 0, TAU); + ctx.strokeStyle = "#60a5fa"; + ctx.lineWidth = 1; + ctx.stroke(); + } } ctx.globalAlpha = 1; } @@ -1139,7 +1156,7 @@ function Legend({ maxCover, compact }: { maxCover: number; compact: boolean }) { 题材涨 - + 题材跌 @@ -1163,7 +1180,7 @@ function Legend({ maxCover, compact }: { maxCover: number; compact: boolean }) { 题材 · 涨幅为正