一张图是怎么被画出来的

云图渲染管线

1. 原始接口

   数据来自公开接口，由小程序端直接请求；其中韩国行情经我们的服务器中转（见「数据与免责」页）。不做二次加工，也不在你的手机上做补值。

2. 领域模型

   把原始响应收敛成「行业板块 / 成分股 / 指数报价」三种模型。上层只认模型、不认接口字段，接口换了也不影响界面。

3. 布局

   squarify 算法按权重把节点切成矩形。它是纯函数、没有 UI 依赖，所以可以单独推理，也可以整体替换成别的布局算法。

4. 绘制

   Canvas 2D 自绘，没有第三方图表库。网格线、文字、背景色全部按当前主题分支 —— 不存在写死的浅色。

用手能感觉到的部分

• 两层钻取：行业层 → 成分股层。点板块进入，点个股弹出当日行情，返回键逐层退回。
• 开市时段刷新指数（8 秒）与板块结构（A股 60 秒、美股 180 秒——上游对单个 IP 有限流，美股一次要拉十几页）；页面切到后台立即停表，不后台空转、不浪费你的流量。
• 内容高于视口时不挤压排版：画布整体放大，双指捏合缩放、单指拖动平移，拖动带惯性。
• 从「板块列表」页点某个板块进来时，云图会自动钻取到那个板块，不用再找一次。

亚太与美股，分页对照

顶栏固定上证、深证、创业板、科创 50 与恒生指数；「亚盘」页把中国、香港、日本、韩国四地的指数与龙头 放在一屏里对照，每个指数都带一条当日分时的迷你走势；「美股」页则是三大指数、细分行业板块与美股龙头 （行业用公开接口的细分行业分类，不再用 11 个 GICS 大类 ETF 代表）。

各市场按自己的时区与夏令时判定状态：盘中 / 午休 / 已收盘。 收市的市场不会再被刷新 —— 省电，也省流量。

浅色与深色

主题可以跟随系统，也可以手动固定。云图是被逐像素画出来的，所以它的每一处配色都跟着主题走： 网格线、方块文字、背景、指数条的走势线，都会一起换。