> ## 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.

# 条形图

> 仪表盘条形图用横向条形的长度对比各分类数值大小与排序，支持分组聚合和多纵轴字段，适用于品类销量对比、项目进度评估或客户满意度排名等场景。

在仪表盘中，条形图是一种基于分类比较和数值关系，通过横向条形的长度直观展现数据大小与排序的图表。适用于展示品类销量对比、项目进度评估或客户满意度排名等场景，能够快速识别领先与落后项目、分析类别间差异。

## 添加条形图

在仪表盘左上角点击  **添加图表** ，在弹窗菜单的图表类型中选择 **条形图**。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_KTEuUQuJeB.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=481edfa5676740e45298e3ce06c4cbf4" alt="" width="990" height="1110" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_KTEuUQuJeB.png" />

## 配置条形图

对类型与数据和自定义样式进行配置：

**数据：** 支持选择数据来源，包括数据表、数据范围，当数据范围选择**全部数据** 时，支持设置筛选条件。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_iOaSqFNIob.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=ec2498c13862aaceb9f425d0879329b2" alt="" width="634" height="356" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_iOaSqFNIob.png" />

**图表：** 可以切换图表类型，支持设定图表配色。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_NOT__P762v.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=63089f071c59304f9e4278887417738e" alt="" width="624" height="250" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_NOT__P762v.png" />

**纵轴：** 选择横轴字段，设定横轴排序依据（按横轴值、纵轴值或记录顺序）、排序规则（按正序或倒序）。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_orASwur0et.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=835dd3c7f54e516c59c47ce54eea8233" alt="" width="636" height="338" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_orASwur0et.png" />

排序依据说明：

纵轴值：按照纵轴字段的值进行排序，如：数值大小、文本首字母顺序、单选/多选选项顺序等。
横轴值：按照横轴的数值大小进行排序。
记录顺序：按照数据所在视图中，记录的顺序进行排序。

横**轴：** 配置统计方式（统计记录总数或者统计字段数值）、纵轴内容和是否分组聚合。

统计方式选择统计记录总数时，仅需设定分组聚合内容（不分组或按哪个字段分组）。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_8oOJKQj6W2.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=9a20fe6f6886eb302d1342f9509b4fa9" alt="" width="632" height="244" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_8oOJKQj6W2.png" />

统计方式选择统计字段数值时，在设置不分组聚合的情况下，可以添加多个纵轴字段，并分别设定其统计方式（计数、求和、平均值、最大值等）。支持对纵轴字段进行移除、上移和下移操作；在设置分组聚合的情况下，仅能添加一个纵轴字段并设定统计方式。此外，在分组聚合的情况下，横轴不支持按纵轴值排序。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_RUS5QXTVw6.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=8fcf4be64791c9ad86662c2db8325056" alt="" width="632" height="430" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_RUS5QXTVw6.png" />

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_zXQ7SBDRtN.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=6571736f3dddaef2ee058caf10fbde16" alt="" width="646" height="516" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_zXQ7SBDRtN.png" />

**注：** 仅字段为数值形式时，才可以设置其统计方式为求和、最大值、最小值和平均数。

**自定义样式：** 可自定义背景颜色、图例位置、数值显示、网格线显示、轴标签显示、重叠数值设置、横纵轴显示、横纵轴坐标轴线显示和横纵轴刻度标签显示，满足您的个性化配置需求。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_XBN_O8-6Vj.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=48c2d88d86304ee40a2a3f233c0876c5" alt="" width="638" height="996" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_XBN_O8-6Vj.png" />

## 管理条形图

鼠标浮动至已添加的条形图上，在右上方找到    图标，点击后可以选择执行以下操作：配置、重命名、复制、添加到仪表盘中心、复制为图片、导出为图片和删除。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/YwlxKh9vB2sYUnZ_/zh/aitable/dashboards/dashboard-components/bar-chart/images/image_7dwrk-BmON.png?fit=max&auto=format&n=YwlxKh9vB2sYUnZ_&q=85&s=30d1529ac2065990010e476cd8b836f2" alt="" width="1082" height="692" data-path="zh/aitable/dashboards/dashboard-components/bar-chart/images/image_7dwrk-BmON.png" />

此外，可以拖拽图表右下角来调整组件大小，或者拖拽组件上方区域来调整其位置。
