---
title: 设计规范
---

## 何时使用

柱状图通过垂直柱子长短对比数值大小，适用于对比一组或者多组分类数据。

## 数据类型

| 适合的数据       | 「一组或多组分类数据」+「一组或者多组对应的数值」                                                  |
| ---------------- | -------------------------------------------------------------------------------------------------- |
| 功能             | 对比分类数据的数值大小                                                                             |
| 数据与图形的映射 | 分类数据字段映射到横轴的位置，连续数据字段映射到矩形的高度，分类数据也可以设置颜色增强分类的区分度 |
| 适合的数据条数   | 分类数据不宜过多，不建议超过 20 条，如有多组分类数据，不建议超过 10 组                             |

## 用法建议

<img alt="design" src='https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*ay53Q59BfbkAAAAAAAAAAABkARQnAQ' width='1000'>

## 元素

<img alt="design" src='https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*O4GCSZuzPJ0AAAAAAAAAAABkARQnAQ' width='800'>

- X 轴：通常对应分类数据，值为文本，调用连续数据 X 轴。
- Y 轴：通常对应连续数据，值为数字，调用连续数据 Y 轴。
- 图例：通常出现在分组柱关图、分组条形图中，用来区分不同柱子代表的数据含义。
- 标签：用来解释数据点的值。
- 辅助元素：用来解释某个特殊的数据点的值，或标记出某个特殊含义的区域。
