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

## 何时使用

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

## 数据类型

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

## 用法建议

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

## 元素

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

