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

## 何时使用

条形图通过水平柱子长短对比数值大小，它与柱状图类似，只是交换了 X 轴与 Y 轴位置。均适用于对比一组或者多组分类数据。

## 数据类型

| 适合的数据       | 「一组或多组分类数据」+「一组或者多组对应的数值」                                                  |
| ---------------- | -------------------------------------------------------------------------------------------------- |
| 功能             | 对比分类数据的数值大小                                                                             |
| 数据与图形的映射 | 分类数据字段映射到纵轴的位置，连续数据字段映射到矩形的宽度，分类数据也可以设置颜色增强分类的区分度 |
| 适合的数据条数   | 数据量不作限制。条形图适合纵向滑动，在移动端显示有天然优势                                         |

## 用法建议

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

## 元素

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

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