Multi-Pointer Gauge

Version

Application Scenario

A multi-pointer gauge displays values and progress of different indicators through multiple pointers. Similar to the speedometer of a car, this gauge features a circular dial with corresponding scales. Each pointer indicates the current value, providing a clear visual representation of the status of various indicators.

A multi-pointer gauge comes in two styles: circular and semicircular.

For example, you can use a multi-pointer gauge to display the total inventory and order quantities of a product.

Basic Requirement

Chart Feature

1. Advantage

Information integration: The gauge can display multiple indicators within a limited space, providing comprehensive performance monitoring.

Visual display: The gauge can visually display the current status of each indicator through the position of the pointer, making it easy to understand.

2. Disadvantage

Complexity: If there are too many pointers, the gauge may appear cluttered and difficult to interpret.

Data Preparation

1. Log in to FineBI, click My Analysis, select a folder, and click New Subject.

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

You can download the sample data Product Table.xlsx.

3. After the upload, click OK.

4. Click Save and Update to complete the data creation, as shown in the following figure.

Component Creation

1. Click Component in the lower left corner.

2. Select Gauge in Chart Type and click the first gauge icon in Graphic Property.

3. Drag the fields Inventory and Order Quantity in the left to-be-analyzed area into Pointer Value, as shown in the following figure.

Note:

The pointer value is the scale position that the pointer points to. You can generate multiple pointers by dragging multiple indicators to Graphic Property > Pointer Value.

Chart Beautification

Color Setting

Choose Graphic Property > Color to set colors for the ring, pointer, scale value, cap, and chassis in the pop-up setting box, as shown in the following figure.

Style Setting

Choose Graphic Property > Style and set Size to 100 in the pop-up setting box, as shown in the following figure.

Label Setting

Drag the fields Inventory and Order Quantity in the left to-be-analyzed area into Graphic Property > Label to display the labels for the inventory and order quantities, as shown in the following figure.

Target Value Setting

Choose Graphic Property > Target Value to customize the target value in the pop-up setting box, as shown in the following figure.

Note:

The target value is the maximum scale value of the gauge. 

Dashboard Creation

1. Click the Add Dashboard button at the bottom of the analysis subject editing page.

2. Drag the component into the dashboard on the dashboard editing page, as shown in the following figure.

3. Select Edit Title from the drop-down list, set Font Style to Custom, set the title to Circular Multi-Pointer Gauge, and click OK.

Effect Display

1. PC

2. Mobile Terminals

Component Copying

Click the  icon next to the component tab at the bottom of the component editing page and select Copy from the drop-down list to copy the component, as shown in the following figure.

Chart Subtype Modification

Click the second subtype in Graphic Property on the component editing page of the new component (after copied), as shown in the following figure.

Dashboard Creation

The content in this section is the same as that in section "Dashboard Creation", but the difference is setting the title to Semicircular Multi-Pointer Gauge, which will not be repeated here.

Effect Display

1. PC

2. Mobile Terminal