Percentage Gauge

Application Scenario

The percentage gauge (including the percentage ring gauge and the percentage tick mark gauge) can visually display the proportion of some data to the total amount, the sales completion rate, the product qualification rate, and the progress through the percentage format, as shown in the following figure.

Basic Requirement

Chart Feature

Advantage: The percentage gauge can directly display the progress, proportion, and completion status of an indicator.

Disadvantage: The percentage gauge can only display the limited information (only one indicator data).

Data Preparation

1. Log in to the system as the admin, click My Analysis, click a folder, and click New Subject.

2. Click Local Excel and click Upload Data, as shown in the following figure.

Download the sample data Product Table.xlsx.

3. After the upload, click OK.

Component Creation

1. Click Add Component in the lower left corner.

2. Add a calculation field named Percentage and customize the percentage data, as shown in the following figure.

2. Click the Gauge icon in Chart Type, click the third gauge icon in Graphic Property, and drag the Percentage field to Pointer Value, as shown in the following figure.

4. Click Target Value and set Target Value to Custom and Value to 1, as shown in the following figure.

Chart Beautification

Label Setting

1. Drag the Percentage field to Label and set the value format to Percentage, as shown in the following figure.

1. Click Label and click the edit icon in the bottom right corner of Content Format, as shown in the following figure.

3. Customize the label style, as shown in the following figure.

Color Setting

Click Color to set the colors of the ring, tick mark, and chassis, as shown in the following figure.

Note:

For details about how to set the radius size of the gauge, see Graphic Properties.

Effect Display

On PC

On Mobile Terminals

The following figure shows the preview effect on the DataAnalyst app and in HTML5.

Gauges with Multiple Dimension Values

You may want to simultaneously display gauges with multiple dimension values. For example, you want to simultaneously display the contract amount of three states, as shown in the following figure.

Drag the relevant fields to Dimension and Indicator to create a group table and click the Gauge icon. In this case, only the gauge of one state can be displayed, because the gauge is covered and displayed if no dimension field exists in the horizontal/vertical axis, as shown in the following figure.

You can drag the State field to Horizontal Axis/Vertical Axis again. Then the gauges of three states are displayed, as shown in the following figure.

The steps for creating a percentage tick mark gauge are the same as those in section "Percentage Ring Gauge", except that you need to click the fourth gauge icon in Graphic Property.

1. The Preview Effect On PC

The following figure shows the preview effect on PC.

The Preview Effect on Mobile Terminals

The following figure shows the preview effect on the DataAnalyst app and in HTML5.