tick-stock-panel自选分组统计实战：用卡片视图与分组涨跌快速梳理A股股票池（完整指南）
【免费下载链接】tick-stock-panelTSP自托管、零运维的 A 股「选股 + 监控 + 回测」量化工作台 | LLM能力驱使策略定制+个股分析+复盘 | 自由接入第三方数据源与个性化扩展数据 | 个人开源项目地址: https://gitcode.com/GitHub_Trending/ti/tick-stock-panel
tick-stock-panel 是一款自托管、零运维的 A 股「选股 + 监控 + 回测」量化工作台，其自选分组统计功能可以把上百只自选股划分进多个股票池，用卡片视图与中轴条形图直观对比各组当日强弱，再配合批量导入、多选加分组等能力一次性把股票池管好。本文将带你实战「卡片视图、分组涨跌、股池批量管理」三大能力，新手也能快速上手。
为什么自选需要「分组统计」
自选股一多，最常见的痛点是：表格要逐行翻，看不出自己关注的几个板块/主题今天整体强弱如何。
tick-stock-panel 的自选页（frontend/src/pages/Watchlist.tsx）支持把一只股票同时加入多个分组（如「AI算力」「高股息」「观察候选」），并提供三个分组统计入口：
- 分组页签：每个页签实时显示该组股票数与等权涨跌幅
- 分组统计条：页面顶部图形化概览，每组一根中轴分叉条形图
- 分组卡片视图：每个分组一张卡片，组内按涨跌幅排出榜单
💡 所有统计都在前端完成，复用自选页已有的行情数据，零额外请求，刷新无负担。
分组统计条：一眼扫出当日强弱
分组统计条实现在 frontend/src/components/WatchlistGroupStatsBar.tsx。每个分组占一行，中轴分叉条形图直观对比各组强弱：红色向右 = 强，绿色向左 = 弱，条长按组间最大绝对值归一化，扫一眼就能定位当天最强和最弱的组。
5种指标，按你的习惯切换
点击右上角的设置按钮，可在 5 种指标间切换（口径定义见 frontend/src/lib/watchlistGroupStats.ts）：
| 指标 | 含义 | 适用场景 |
|---|---|---|
| 等权平均（默认） | 组内涨跌幅算术平均 | 最直观，贴合「个人组合」视角 |
| 中位数 | 组内涨跌幅中位值，抗极值 | 组内有个股暴涨暴跌干扰时 |
| 上涨占比 | 上涨家数占比，50% 为强弱轴 | 看组内普涨/普跌宽度 |
| 组内最强 | 组内最大涨幅 | 判断龙头强度 |
| 组内最弱 | 组内最小涨幅 | 风险预警 |
统计口径同样透明：实时行情优先、收盘价兜底；一股同时计入每个所属分组，不属于任何分组才计入「未分组」。鼠标悬停任意分组，还能看到完整明细，例如：
等权平均 +1.23% · 中位 +0.80% · 最强 +6.10% · 最弱 -2.40% · 上涨12 下跌5 平1（共18只）
分组还可按定义顺序 / 指标降序 / 升序排列——配合「降序」，最强分组永远排在最上面。点击任意一行即可钻取到该分组的列表。
卡片视图：每个分组一张卡，组内榜单一目了然
在自选页切换到「分组卡片」视图，实现位于 frontend/src/components/WatchlistGroupCards.tsx：
- 卡片头部：分组色点 + 名称 + 当前指标数值 + 成员总数 + 涨跌家数，点击直接钻取该分组列表
- 组内榜单：成员按涨跌幅降序排列，默认展示前 8 条（可在 1~50 间调整），超过部分点「显示全部 N 只」展开
- 多组并存：一只股票可同时出现在多个分组卡片中，无需复制数据
- 响应式布局：手机 1 列、宽屏最多 4 列，适配不同屏幕
- 个性化显示：头部颜色底条、成员序号均可开关，设置持久化保存在本地
卡片视图与分组统计条共享同一份指标与排序配置（frontend/src/components/GroupStatsSettings.tsx），一处修改、两处同步生效。
股池批量管理：5个实用技巧
- 批量导入自选：支持从券商自选 CSV、截图（OCR 识别）或粘贴代码批量导入，告别逐只手敲
- 多选加分组：对任意标的勾选多个分组即可一次加入多个股票池；取消勾选仅移出该分组，标的仍保留在自选中
- 拖拽排序分组：在分组页签栏直接拖动页签调整分组顺序（frontend/src/components/WatchlistGroups.tsx），常用组拖到最前
- 清理「未分组」：未划分任何分组的股票自动归入「未分组」页签，方便定期整理
- URL 深链：地址栏支持
?group=分组id，可把「AI算力组」直接收藏到浏览器侧边栏，打开即达
另外，删除分组时只删除分组关系，股票本身仍保留在自选中，设计对误操作非常友好。
相关文件
| 文件 | 说明 |
|---|---|
| frontend/src/pages/Watchlist.tsx | 自选页主体（视图切换、分组筛选、批量导入） |
| frontend/src/components/WatchlistGroupCards.tsx | 分组卡片视图组件 |
| frontend/src/components/WatchlistGroupStatsBar.tsx | 分组统计条组件 |
| frontend/src/components/WatchlistGroups.tsx | 分组页签栏与管理面板 |
| frontend/src/lib/watchlistGroupStats.ts | 分组涨跌统计口径与配置持久化 |
| docs/features.md | 完整功能清单 |
小结
tick-stock-panel 的自选分组统计是一个面向个人投资者的「轻量组合复盘」工具：用分组统计条快速扫出当日强弱，用卡片视图下钻到组内强势股，再用批量导入与多选加分组把股票池维护得井井有条。配合项目自带的回测、监控与 AI 复盘模块，就能搭出一套完整的个人量化工作流。
【免费下载链接】tick-stock-panelTSP自托管、零运维的 A 股「选股 + 监控 + 回测」量化工作台 | LLM能力驱使策略定制+个股分析+复盘 | 自由接入第三方数据源与个性化扩展数据 | 个人开源项目地址: https://gitcode.com/GitHub_Trending/ti/tick-stock-panel
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
