> ## 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. **年度销售目标追踪**：用进度图展示销售团队的年销售额完成百分比，帮助管理者快速掌握整体业绩达成情况。
2. **项目里程碑达成度**：将项目关键节点（如需求评审、开发完成、测试通过等）的当前状态以进度图形式呈现，便于项目经理监控项目整体健康度，确保按时交付。
3. **个人关键绩效指标考核**：利用进度图展示员工在季度或年度KPI（如客户回访数、代码提交量等）上的完成进度，为绩效面谈和自我管理提供清晰依据。

## 添加进度图

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

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_8DowEig91I.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=3b0ff7b77b760f05f933dd997312f45d" alt="" width="992" height="1118" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_8DowEig91I.png" />

## 配置进度图

进入进度图配置框，可以对于进度图的类型、图表形状、目标值、当前值、数字格式和自定义样式进行配置。

**类型：** 选择进度图是数值型还是日期型。数值型进度图的目标是一个具体数值，图表中会直接展示目标数值、当前数值和进度百分比；日期型进度图则展示某个日期范围的进度，比如本月已度过时间周期占的百分比。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_pvuGIbTWHF.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=4f2f876ed6246b2a38687cd8a25e3087" alt="" width="2364" height="1144" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_pvuGIbTWHF.png" />

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_SH2Vx9t64k.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=14ebb17f5e6f4ec8611bd28f954c5a50" alt="" width="2394" height="1154" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_SH2Vx9t64k.png" />

**图表形状：** 支持设置为条形、半环或圆环，分别如下图所示。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_nAreC24ETH.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=669e839fbcabd402dc41d346645f2a03" alt="" width="1560" height="750" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_nAreC24ETH.png" />

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_yNXwy9FLzE.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=27e4a2840a36cd938925306d2bc720d6" alt="" width="1560" height="750" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_yNXwy9FLzE.png" />

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_fdPKNJuYfO.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=0f12cd203ec7d50853cbd2afe0f60cab" alt="" width="1560" height="912" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_fdPKNJuYfO.png" />

### 数值型进度图

**目标值：** 支持自定义值或者选择字段两种方式。自定义值的情况下，直接输入目标值即可，另外可以补充填写描述文字，如“销售额”，则在进度图中原先的“目标”二字会更改展示为“销售额”。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_UX-_HLQlAP.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=bc50c6c04e2db4482adc050d91104bb1" alt="" width="2372" height="1148" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_UX-_HLQlAP.png" />

选择字段的情况下，支持选择具体的数据表、数据范围，把选择的数据范围记录总数或是某个字段数值的统计值作为目标值，同时也支持输入描述文字。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_GaAoWcTLB6.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=3bbf34e1eeec59d9f90947d46bd089d5" alt="" width="2376" height="1154" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_GaAoWcTLB6.png" />

**当前值：** 和目标值类似，也支持自定义值或者选择字段两种方式。自定义值的情况下，直接输入当前值即可，另外可以补充填写描述文字，如“当前工时”，则在进度图中原先的“当前”二字会更改展示为“当前工时”。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_W4zQvxdPRx.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=ab82e2d8fc342bd1ecc7468df60a9c3b" alt="" width="2378" height="1136" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_W4zQvxdPRx.png" />

选择字段的情况下，支持选择具体的数据表、数据范围，把选择的数据范围记录总数或是某个字段数值的统计值作为当前值，同时也支持输入描述文字。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_OX1mugP-s4.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=c3165cb49408d633245c4d6f43e270c5" alt="" width="2386" height="1148" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_OX1mugP-s4.png" />

**数字格式：** 在数字格式中，可以配置进度图的进度百分比格式，当前值和目标值的小数位数、大数缩写形式、数值单位及单位位置。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_7HDNLGiB-n.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=917718702109e00520e24d5f8f0413d0" alt="" width="2376" height="1144" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_7HDNLGiB-n.png" />

百分比格式：输入数字，对应调整图中百分比的小数位数，如输入3，展示百分比为41.408%。

小数位数：输入数字，对应调整图中当前值、目标值的小数位数，如输入2，图中总工时展示为483.00。

大数缩写：选择是否大数缩写，可以选择缩写的单位，如千、万、百万、亿。选择单位后，当前值和目标值按新的单位展示。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_VLJlD3289U.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=873d45b1f36f36bccce95db3b4886a5b" alt="" width="640" height="946" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_VLJlD3289U.png" />

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_3NdoZWnOQi.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=1f30906b23462d85a539187cf300e03f" alt="" width="2380" height="1138" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_3NdoZWnOQi.png" />

数值单位：选择当前值和目标值是否需要增加单位展示，如货币单位，可以选择人民币、美元或自定义输入其他单位。

单位位置：选择放在数值的左还是右侧去展示，下图为左侧展示效果。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_KJYwNCmzOe.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=fbac5d8e43ceb2daeced7610bd0abf80" alt="" width="2374" height="1148" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_KJYwNCmzOe.png" />

**自定义样式：** 在自定义样式的页面可以调整背景颜色、百分比数字颜色、当前值和目标值颜色以及进度条颜色，下图为调整示例。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_UJb0Ip2n_P.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=cb75a152eaeae04dcc50a00737426dc3" alt="" width="2378" height="1144" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_UJb0Ip2n_P.png" />

### 日期型进度图

展示当前日期在总日期范围中的进度，如日期范围为本月，当前日期为今天，则进度图中则会展示本月1号至今天的总天数在本月总天数中的占比情况。

**日期范围：** 支持选择日期范围，包括本月、本季度、今年或自定义，这对应总的目标周期。下拉选择项展示如下。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_1VdzIg3iAy.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=c979407e74c161411effbe69f6d0a8a7" alt="" width="2386" height="1148" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_1VdzIg3iAy.png" />

自定义时支持选择目标周期的开始日期和结束日期，如下图展示。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_DYQ5KaQAio.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=75ad33ae27655a6d612e5b4076dd32fd" alt="" width="2384" height="1140" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_DYQ5KaQAio.png" />

当前日期：可以下拉选择，包括今天、昨天和自定义值。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_1MNE8JwXdw.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=e4375f1eae331188754b9e6a22ad739e" alt="" width="2384" height="1140" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_1MNE8JwXdw.png" />

自定义当前日期时，支持选择具体日期。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_yGDvnlxXgC.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=ac95cfc81a4bc36eae5100949b502a1d" alt="" width="2384" height="1140" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_yGDvnlxXgC.png" />

日期格式：当日期范围或当前日期选择自定义时，支持修改日期格式，选项如下图展示。

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_zg1LamDF6N.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=41a65c37e524909ee7daa56bf3d6a659" alt="" width="2384" height="1140" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_zg1LamDF6N.png" />

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_LlYh4-L7Tu.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=a62f3dece2dd7136288ee4479790241b" alt="" width="2384" height="1140" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_LlYh4-L7Tu.png" />

## 管理进度图

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

<img src="https://mintcdn.com/dingtalk-8c0f98e2/zZ1woOCMPMuMJ7aq/zh/aitable/dashboards/dashboard-components/progress-chart/images/image_RtHZHyAd5F.png?fit=max&auto=format&n=zZ1woOCMPMuMJ7aq&q=85&s=788417605b348b74aa4f8a6f508f9f5a" alt="" width="1194" height="690" data-path="zh/aitable/dashboards/dashboard-components/progress-chart/images/image_RtHZHyAd5F.png" />

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