`），负责响应式尺寸、标题/说明文字，以及**表格视图切换**（每张图表的无障碍孪生版本）。**任何固定高度都必须包含 x 轴区域**（绘图高度 + 轴标签），使卡片永远不会出现嵌套的垂直滚动；优先让容器随内容自然增长。 - **Legend** (toggle-to-isolate, texture-aware swatches) · **Tooltip** · **Axis** · **Data label**. - **图例**（点击切换以隔离显示、纹理感知色块）· **工具提示** · **坐标轴** · **数据标签**。 ## Tier 1 - The charts people ask for / 第 1 层——用户最常要求的图表 - **Bar chart** - grouped + stacked, thin-bar default, horizontal + vertical. - **柱状图** - 分组 + 堆叠，默认细柱，横 + 纵两个方向。 - **Line chart** - multi-series, soft-fill area variant, accessibility markers. - **折线图** - 多系列、软填充面积变体、无障碍标记。 - **Stat tile** - value + delta + optional sparkline (the figure contract). - **统计卡片** - 数值 + 变化量 + 可选迷你走势图（figure 契约）。 - **Meter / progress track** - same-ramp tracks. - **量表 / 进度条** - 使用同一色带的轨道。 ## Tier 2 - Rounding out the kit / 第 2 层——补全工具箱 - **Area chart** (stacked, band-edge = line) · **Sparkline** · **Heatmap** - **面积图**（堆叠式，带边缘 = 折线）· **迷你走势图** · **热力图** - **Scale legend** (sequential / diverging) · **Chart filters / time range** · **Empty state** - **标尺图例**（顺序 / 发散）· **图表筛选器 / 时间范围** · **空状态** ## System tier - becomes the skill / System 层——最终成为技能本身 - **Six-checks validator** - `scripts/validate_palette.js` (palette validation). - **六项检查校验器** - `scripts/validate_palette.js`（调色板校验）。 - **Theming engine** - snap a customer's ramps to passing values (color-formula.md). - **主题引擎** - 将客户的色带吸附到可通过校验的取值上（color-formula.md）。 - **Chart-type heuristic** - pick the form (choosing-a-form.md). - **图表类型启发式** - 选择合适的形式（choosing-a-form.md）。 - **Table-view generator** - the WCAG-clean equivalent of any chart. - **表格视图生成器** - 任何图表的符合 WCAG 的等价表格。 Notes: part-to-whole rides on the stacked bar chart; donut stays deprioritized. Small multiples is a layout pattern over these, not a separate piece. Scatter joins Tier 2 if scatter-heavy surfaces land. 说明：部分与整体（part-to-whole）关系依托堆叠柱状图实现；环形图保持低优先级。小型多图（small multiples）是叠加在这些组件之上的一种布局模式，而非独立组件。如果散点密集型界面落地，散点图将加入第 2 层。