技能介绍

要解决什么问题

个人持仓分散在理财 App、截图和脑子里，想做一个双击就能打开、不搭服务器、又能看总览/赛道/穿透的页面，常见做法是上 React 全家桶或后端聚合——对「9 只 ETF 量级」的个人仪表盘来说，构建链和部署成本往往大于收益。

技能如何组织方案

本技能把「投资指挥中心」从零到交付拆成可复刻的技术路径：

架构：纯静态 index.html + assets/js/data.js + assets/js/app.js，UI 无框架；图表用 ECharts 5.5（CDN），表格内迷你走势用自绘 inline SVG，避免 20+ 个 ECharts 实例拖慢首屏。
数据层：HOLDINGS 持仓对象（code/liveCode/layer/mv 等）、SECTORS 赛道温度、PEN 穿透索引、DCA 定投；派生指标在 computeDerived() 里一次算完。
行情：双源——浏览器端腾讯 qt.gtimg.cn JSONP（约 3.5s 超时、失败静默保留缓存）；工作区内通达信 MCP tdx_quotes 作为构建时的权威价与涨跌幅，写回 data.js。
渲染：renderHero 总览、renderHoldings 十列矩阵（注意涨跌类名 (up?'up':'down')）、renderSectors 热力格+雷达、renderPenetration（无数据走 PEN["NO_PEN"]）；主题切换须对全局 charts dispose 后 re-init。
交付：本地相对路径双击即用；在线可用 CloudStudio 静态沙箱覆盖部署。

边界与注意点

场外联接用底层 ETF 代理；诺安平衡、卫星联接、主动 QDII 等 liveCode: null 无法盘中实时价。穿透与市值仍以理财通截图/季报为准；HTML 段内 ID 必须全局唯一，否则 querySelector 只命中第一个模块。时钟勿包在 IIFE 里，否则 tick 会崩。