Skip to content

style(heatmap): 参考 TradingView 优化热力图视觉 - #393

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

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

Conversation

@wenyuxuan19-stack

@wenyuxuan19-stack wenyuxuan19-stack commented Oct 29, 2026 •

Copy link
Copy Markdown
Contributor

跟进已合并的 #365,Refs #333。

本 PR 聚焦热力图视觉优化:

  • 配色改为 TradingView 风格的红→深灰→绿连续渐变,涨跌幅按 ±3% 封顶;stale 与 unknown 使用不同中性灰,图例改为渐变色条并标注 -3% / 0% / +3%。
  • 布局移除白色方块边框,使用深色背景、1px 方块间距和 4px 行业组间距;选中态使用白色 outline,悬停提亮并显示边界内详情卡。
  • 行业组增加 11px 加粗深色标题栏,窄组截断,过小组隐藏标题。
  • 字号按方块短边在 10–28px 内缩放;大块显示代码和涨跌,中块显示代码,小块隐藏文字;stale/delayed 使用角落标记。

改前/改后截图:

等权热力图 按市值热力图
等权热力图 按市值热力图

表格与选中态

移动端

验证结果:

  • bun install --frozen-lockfile --ignore-scripts 通过
  • 全量 Bun 测试:2230 pass / 10 skip / 0 fail
  • bun run typecheck 通过
  • heatmap-smoke.mjs:10 pass / 0 fail
  • 仓库未提供 lint script,bun run lint 因脚本不存在退出;未引入新的 lint 配置或依赖。

维护者是否需要增加“红涨绿跌”开关?

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