Skip to content

style: 打磨热力图视觉层级 - #392

Closed
wenyuxuan19-stack wants to merge 1 commit into
helsome:mainfrom
wenyuxuan19-stack:feat/heatmap-visual-polish
Closed

wenyuxuan19-stack wants to merge 1 commit into
helsome:mainfrom
wenyuxuan19-stack:feat/heatmap-visual-polish

Conversation

@wenyuxuan19-stack

Copy link
Copy Markdown
Contributor

改动说明

根据 #365 合并后的视觉反馈,打磨自选 / 持仓热力图:标题、图例和操作区采用清楚的层级;面积模式改为分段控制并用勾选标记当前选项;行业分组展示行业名、SIC 分类码和成分数;色块按可用空间展示股票代码、公司名与涨跌;统一红绿行情色阶、色块分隔和选中态,并优化窄屏高度。

本次仅调整热力图呈现和相应的视觉测试,不改变数据、权重或导航行为。

关联 PR

Follow-up to #365.

测试报告

环境:Windows 11 Pro 10.0.26300 / Bun 1.4.2 / Node 24.13.0 / Edge 156.0.4314.50

bun test --isolate packages/core/src/heatmap.test.ts packages/ui/src/components/heatmap/HeatmapPanel.test.tsx
→ 14 passed / 0 failed / 53 assertions

bun run typecheck
→ core / i18n / shared / ui / electron 全部 exit 0

bun run i18n:check
→ en-US / zh-CN 1558 keys / 0 issues

cd apps/electron && bun x vite build
→ 2473 modules transformed / exit 0
→ Vite emitted the existing advisory for chunks above 500 kB

node apps/electron/e2e/heatmap-smoke.mjs
→ 10 passed / 0 failed; desktop, 390px mobile, mode selection, area proportions, table selection, research navigation, 100-tile bounds

git diff HEAD^ --check
→ passed

Browser screenshots use fixture prices and positions with real catalog identities. No live provider or model was used.

UI 截图

等面积模式

Before After
Before equal-area heatmap After equal-area heatmap

持仓市值模式

Before After
Before portfolio value heatmap After portfolio value heatmap

移动布局

390px mobile heatmap

@wenyuxuan19-stack
wenyuxuan19-stack deleted the feat/heatmap-visual-polish branch October 29, 2026 12:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant