说明目录
Garden 使用说明内置组件garden chart

条形图表（chart）

用 YAML 数据直接生成比例条形图，下方自带可展开的数据表格。

三种版面区域的宽度上限

查看数据表
版面区域最大宽度
普通正文列740 px
宽幅配图区1040 px
多列宽表格1340 px
点击「查看数据表」可展开完整数值表格。
```garden chart
title: 三种版面区域的宽度上限
xLabel: 版面区域
yLabel: 最大宽度
unit: px
data:
  - x: 普通正文列
    y: 740
  - x: 宽幅配图区
    y: 1040
  - x: 多列宽表格
    y: 1340
caption: 点击「查看数据表」可展开完整数值表格。
```
  • 用：对比 2～8 组同量纲数值的长短比例时。
  • 别用：已经在同一个小节里放了同组数字的 Markdown 表格时不要再画一张 chart（图表底部已自带可展开的数据表）。
字段必填类型说明
title建议字符串图表标题
data是{ x, y, label? }[]（至少 2 项）数据行列表，x 为名称，y 为数值
unit否字符串数值后缀单位（当数据项未单独指定 label 时自动拼接）
xLabel否字符串展开数据表第一列的表头名称（默认 项目）
yLabel否字符串展开数据表第二列的表头名称（默认 数值）
caption否字符串图表底部的图注说明