Croprix

Data visualisation · 图表示例

六个示例全部为内联 SVG，颜色只引用 --cx-color-chart-N、色阶与语义变量，切换主题即自动适配。数据均为示意值，量纲取自真实业务（°C、h、kWh、kg、%）。规则见 README.md。

折线 · 趋势单序列用 navy（chart-1）；2 px 线；只标极值与末点；网格 border 1 px 实线；目标区间用 sky（chart-4）15% 淡带示意
3 号温室 温度 · 24 小时折线：0 点到 24 点每小时一个观测点，单位 °C；目标区间 22 到 26 °C。示意数据。 目标区间 22–26 °C 14 18 22 26 30 00:0004:0008:0012:0016:0020:0024:00 °C 27.1 17.8 00:00 · 18.4 °C01:00 · 18.1 °C02:00 · 17.9 °C03:00 · 17.8 °C04:00 · 17.9 °C05:00 · 18.6 °C06:00 · 20.2 °C07:00 · 22.4 °C08:00 · 24.1 °C09:00 · 25.3 °C10:00 · 26.2 °C11:00 · 26.8 °C12:00 · 27.1 °C13:00 · 26.9 °C14:00 · 26.4 °C15:00 · 25.6 °C16:00 · 24.5 °C17:00 · 23.2 °C18:00 · 22.0 °C19:00 · 21.1 °C20:00 · 20.3 °C21:00 · 19.6 °C22:00 · 19.0 °C23:00 · 18.7 °C24:00 · 18.5 °C
条形 · 对比同一序列所有条同色（navy）；≤ 24 px 粗；数据端 4 px 圆角、基线方角；值写在条尾示意
七类机器人 作业时长 · 本周横向条形图：七类机器人本周累计作业小时数，按大小排序。示意数据。 050100150200 h 采摘 harvesting 采摘 harvesting · 186 h 186 巡检 inspection 巡检 inspection · 142 h 142 运输 transport 运输 transport · 128 h 128 授粉 pollination 授粉 pollination · 96 h 96 打叶 deleafing 打叶 deleafing · 74 h 74 落蔓 lowering 落蔓 lowering · 61 h 61 植保 protection 植保 protection · 38 h 38
堆叠柱 · 构成序列按语义取色：机器人 navy · 补光 harvest · 环境 sky；段间 2 px 底色间隙；柱顶标合计；图例在左上示意
每日能耗构成 · 本周堆叠柱：每天用电按机器人、补光、环境调控三类堆叠，单位 kWh，柱顶标合计。示意数据。 机器人补光环境调控 0 500 1,000 1,500 kWh 周一 机器人 · 312 kWh周一 补光 · 420 kWh周一 环境调控 · 510 kWh1,242周一 周二 机器人 · 335 kWh周二 补光 · 410 kWh周二 环境调控 · 495 kWh1,240周二 周三 机器人 · 298 kWh周三 补光 · 460 kWh周三 环境调控 · 560 kWh1,318周三 周四 机器人 · 341 kWh周四 补光 · 380 kWh周四 环境调控 · 530 kWh1,251周四 周五 机器人 · 356 kWh周五 补光 · 372 kWh周五 环境调控 · 505 kWh1,233周五 周六 机器人 · 288 kWh周六 补光 · 395 kWh周六 环境调控 · 470 kWh1,153周六 周日 机器人 · 240 kWh周日 补光 · 440 kWh周日 环境调控 · 455 kWh1,135周日
面积 · 单序列趋势作物/产量用 leaf（chart-2）；面积 10% 不透明度；线 2 px；末点带 2 px 底色环示意
日采摘量 · 近 14 天面积图：每天采摘重量，单位 kg，末点标值。示意数据。 0 500 1,000 1,500 kg 9/89/109/129/149/169/189/20 1,260 kg 9/8 · 820 kg9/9 · 860 kg9/10 · 910 kg9/11 · 880 kg9/12 · 940 kg9/13 · 1,010 kg9/14 · 990 kg9/15 · 1,040 kg9/16 · 1,120 kg9/17 · 1,080 kg9/18 · 1,150 kg9/19 · 1,210 kg9/20 · 1,180 kg9/21 · 1,260 kg
热力图 · 区域 × 时段顺序色阶 leaf 200→800 共 7 档；格间 2 px；格内写值，深格白字浅格 leaf.950；右侧色阶图例示意
采摘完成率 · 区域 × 时段热力图：六个区域在六个两小时时段的采摘完成率，颜色越深完成率越高，格内标百分数。示意数据。 A 区B 区C 区D 区E 区F 区 06–0808–1010–1212–1414–1616–18 A 区 06–08 · 92%92A 区 08–10 · 88%88A 区 10–12 · 76%76A 区 12–14 · 64%64A 区 14–16 · 58%58A 区 16–18 · 41%41 B 区 06–08 · 85%85B 区 08–10 · 90%90B 区 10–12 · 82%82B 区 12–14 · 70%70B 区 14–16 · 52%52B 区 16–18 · 38%38 C 区 06–08 · 78%78C 区 08–10 · 84%84C 区 10–12 · 88%88C 区 12–14 · 74%74C 区 14–16 · 60%60C 区 16–18 · 45%45 D 区 06–08 · 66%66D 区 08–10 · 72%72D 区 10–12 · 80%80D 区 12–14 · 86%86D 区 14–16 · 71%71D 区 16–18 · 50%50 E 区 06–08 · 54%54E 区 08–10 · 61%61E 区 10–12 · 70%70E 区 12–14 · 82%82E 区 14–16 · 88%88E 区 16–18 · 63%63 F 区 06–08 · 40%40F 区 08–10 · 47%47F 区 10–12 · 58%58F 区 12–14 · 69%69F 区 14–16 · 81%81F 区 16–18 · 90%90 < 45%45–54%55–64%65–74%75–84%85–94%≥ 95% 完成率
表格 · 图表替代≥ 7 类、需要精确值或多单位时用表：数值列右对齐 tabular；空值用 —；状态用状态点 + 文字；合计放 tfoot示意
示意数据 · 本班次（06:00–18:00）
机器人作业状态作业时长 h覆盖株数采摘 kg
R-01采摘运行中6.41,240318
R-02授粉待命3.1860—
R-03巡检警告5.02,01012
R-04运输运行中4.2—96
R-05打叶故障0.8120—
R-06落蔓运行中5.6980—
R-07植保待命2.3640—
合计27.45,850426