Progress Chart

Introduction

Feature(s)

Progress Chart visually displays the progress of a task or project through percentage values, which helps you check your work progress and efficiency.

Application Scenario(s)

Progress charts can be used to track:

  • The progress of a task or project.
  • The uptime and efficiency of production equipment.
  • The progress in achieving a sales target.

Preview

There are three types of progress charts:

  • Progress Circle Chart
  • Semi Circle Progress Chart
  • Liquid Fill Chart

Basic Requirement(s)

Dimension

Measure

Target

0

1

1

Setting Procedure

Setting Data Source

In the dashboard, click Stats, select a form as the data source, and click OK.

Setting and Selecting the Chart

Rename the chart, and select Progress Chart as the chart type.

Setting Measure and Target

1. Set the measure.

Select a field from the Fields panel on the left and drag it to Measure.

Note:

Only one measure can be added in a progress chart.

2. Set the target.

After setting Target, the progress chart will automatically calculate the percentage of the measure value to the target value and display the completion percentage visually.

There are two ways to set the target value:

  • Enter a target value manually.
  • Add a field from the data source to Target.

a. Enter a target value manually.

If the target value is a fixed number, you can edit the target value manually.

b. Add a field from the data source to Target.

If the target value comes from data in the data source, you can directly drag the corresponding field to Target.

4. Set the progress chart type.

After setting the measure and target, you can choose a desired progress chart type.

There are three types of progress charts:

  • Progress Circle Chart
  • Semi Circle Progress Chart
  • Liquid Fill Chart

5. Set label field.

For a progress chart, Percentage is ticked by default under Label Field, displaying 2 decimal places and named Progress. You can modify it according to your needs.

You can also tick Measure and Target under Show Data Label to display these two values.

Designing the Chart Style

Click Chart Style and go to Chart Color to set the visual style of the chart. You can color the progress bar and the background.

Demonstration

1. On PC

2. On Mobile

Was this information helpful?
Yes
NoNo
Need more help? Contact support