> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 柱状图

> 本文介绍了柱状图的使用场景、功能简介及基本要求，并详细说明了从选择组件到配置数据再到样式设置的操作步骤，包括横轴、纵轴、分组和参考线等配置选项。

| **能力** | **免费版** | **轻享版** | **专业版** | **专属版** |
| ------ | ------- | ------- | ------- | ------- |
| 柱状图    | 支持      | 支持      | 支持      | 支持      |

## 1. 简介

### 1.1 使用场景

利用柱形统计图，可以直观地表示数据量的大小并进行比较，可以比较明显地显示出各数据之间的比例差异

### 1.2 功能简介

使用垂直或水平的柱子显示**类别之间的数值比较**。

其中一个轴表示需要**对比的分类维度**，另一个轴代表相应的**数值**。

分标准柱状图、条形图、堆叠图（标准堆叠与百分比堆叠）。

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1625469144929-78ed7119-f225-4a97-99ac-bef58d2aeae2.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1625469149572-81bd94cb-5890-4856-886f-217ccea0f33a.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1625469155942-e29e2dd2-c1e6-48e2-b101-0f1d301795a1.png)
</Frame>

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1625469164727-3eb4946b-f2c7-4e5b-bd1f-6b4134648ed3.png)
</Frame>

同类联动效果图，使用参见 [联动区域](/zh/yida/report/xybfun)

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1625469186605-72bf992d-1009-41d5-a14c-31cfadbd372d.png)
</Frame>

亮点：可以自行控制组件的大小和随意移动组件位置（靠左、居中、靠右）

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626425918946-39ba9857-41ed-4179-9712-e0681eb7b505.png)
</Frame>

### 1.3 基本要求

| **横轴** | **纵轴**        | **分组** | **参考线**       |
| ------ | ------------- | ------ | ------------- |
| 最多1个字段 | 可多选字段，最多30个字段 | 最多1个字段 | 可多选字段，最多30个字段 |

## 2. 操作步骤

### 2.1 选择组件，配置数据集

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1640571277745-30d36e89-84b0-40f6-8f4f-495c7ca4492b.png)
</Frame>

选择数据集

### 2.2 选择图表展示字段

将右边的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上

* 横轴 ：展示柱图的X轴
* 纵轴 ：展示柱图的Y轴
* 序列分组 ：当纵轴为一个值时，支持配置序列分组；当纵轴为多值时，不支持配置分组
* 参考线 ：支持配置多条
* 条件过滤 ：支持

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626420355994-2a4be362-308a-4ac5-97ad-b3a8957d6db9.png)
</Frame>

纵轴多个值

**可以直接选择数据集下的字段，也可以通过公式生成，如何使用公式请查看**[**报表公式**](/zh/yida/form/yrofmw)

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626419665474-8124260a-385b-4475-b88e-5ee6f228b3ec.png)
</Frame>

选择数据

### 2.3 配置数据

可以查看柱线混合图的配置数据说明。

此处为语雀内容卡片，点击链接查看：[柱线混合图](/zh/yida/report/wfno1e)

### 2.4 样式设置

分为七小类，样式配置、横轴、纵轴、图例、标签、缩略轴、提示信息

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1640571373299-9da227b7-118e-43dc-a4d0-b8debf3d1358.png)
</Frame>

样式设置

#### 2.4.1 样式配置

支持调整柱子的颜色、粗细、宽度、堆叠与分组、间距、条形图

自定义颜色支持写英文或 16 进制颜色值：#5894FF，多值用英文逗号隔开

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1635233527428-c2f458d7-dc23-4f05-aadd-431f6f28bf64.png)
</Frame>

注：当纵轴有多个字段时，设置的颜色才生效，可以查看上方图片展示效果

#### 2.4.2 联动区域

注：数据调整方式为“堆叠”或者“百分比堆叠”时生效

说明：开启之后当鼠标移到矩形上时，会将相同分类下的矩形连接起来，以加强同类数值的对比效果

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626420677114-f57dbfe2-ea3a-49e9-a045-1a3d96af8084.png)
</Frame>

堆叠

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626420989254-78f32091-99fc-4bbe-b1a0-02a0a4a0bed0.png)
</Frame>

条形图

#### 2.4.3 横轴

常用的一些基础配置，都可以实际体验来查看效果，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626421624815-786c74e7-cc76-4744-a9ed-ab668d0b8cb5.png)
</Frame>

横轴设置

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626421712101-dfc488ba-8ac3-4acb-9ff5-dc432103739c.png)
</Frame>

设置后的展示效果

#### 2.4.4 纵轴

常用的一些基础配置，和横轴的设置大同小异，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626422065218-809ca03d-2884-4666-907c-22e505f3086e.png)
</Frame>

#### 2.4.5 标签配置

设置左侧轴上的字体颜色、大小等等，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626422409262-e047b4b4-f4ee-4e32-ad5c-12d427d6812a.png)
</Frame>

标签配置

#### 2.4.6 图例

支持开启与关闭，开启后支持调整位置与是否分页（默认是开启）

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626422513767-c16ac969-5762-444e-993a-da272edc2906.png)
</Frame>

设置图例

#### 2.4.7 标签

支持开启与关闭，开启后支持调整位置，字号大小，颜色（默认是黑色）

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626422783959-db22f49b-2c68-4be6-8092-c79476098058.png)
</Frame>

开启标签后的效果

#### 2.4.8 缩略轴

支持开启与关闭，开启后支持调整起始与结束范围（范围值在 0 与 1 之间），如下图

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626422897380-c89b2c18-4631-4665-b1b1-dae5ee6e5640.png)
</Frame>

缩略轴设置

#### 2.4.9 提示信息

支持开启与关闭，开启后鼠标移上去就会显示信息，开启的效果：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1626422963168-8417faae-6589-4b1f-87b7-21eb128c30de.png)
</Frame>

## 3. 更多信息

[其他设置](/zh/yida/report/qpdzl5)