右锚可信趋势卡片图：轻量化实时监测图表的设计理念

右锚可信趋势卡片图是一种面向实时监测的轻量化状态图表。它通过柔和折线、淡色可信区间、近期中位虚线、固定右侧刻度、当前点标记和简洁图例，弱化复杂分析感，突出"现在是否正常、趋势是否稳定、结果是否可用"。核心设计原则：

• 右锚：图表以右侧为当前时刻锚点，新数据出现在最右侧，旧数据依次左移。当前点用右侧空心圆点标记，与右侧刻度轴对齐，直接读取最新数值。刻度放在右侧而非传统左侧，避免打断数据从左到右的视觉流向。
• 固定范围：纵轴始终固定在业务范围内（如心率 40–120 BPM），不随个别异常值自动缩放。同一数值始终落在同一高度，位置即数值，趋势判断稳定。
• 等距铺满：只根据当前已有数据点从左到右铺满绘图区。5 个点就铺 5 个点，不预留未来空白。
• 面积填充：比纯折线多一重"量感"，渐变从上半透明到底部透明，趋势变化一目了然，无需图例。
• 逐段着色：数据质量持续变化，逐段着色同时展示有效段和无效段——红色可信，灰色受干扰，颜色随质量实时流动。
• 中位线：叠加近期中位虚线作为参考基准，不被极端值拉偏。当前值在中位线以上还是以下，比绝对值更有参考意义。
• 高分屏适配：自动适配不同分辨率，线条和文字始终保持清晰。

附件

• AI 复现指南 — 铁律、工作流清单、函数对照表、常见错误、完成检查
• 完整可运行示例（原生 Canvas） — 零依赖，含阈值滑动条、原始采样折线图、分段着色趋势图、中位线、图例
• 完整可运行示例（ECharts） — 基于 ECharts 5.5，同等效果，CDN 引入

本文由 AI 辅助生成，可能存在错误或遗漏，请以实际资料和官方文档为准。