Multi-Pointer Gauge (180°)

Version

Application Scenario

The multi-pointer gauge, which is like a clock or a dial, has scales (representing measure) and pointers (representing dimensions and pointing to the current value). The angle of the pointers represents values.

You can directly display the progress or actual situation of an indicator through using the multi-pointer gauge. The following figure shows the effect.

Chart Feature

Advantage: The multi-pointer gauge shows the progress or actual status of an indicator intuitively, mainly used for showing the progress or proportion of an indicator.

Disadvantage: The multi-pointer gauge displays limited information for the gauge only supports one dimension and is not suitable for displaying too many indicators.

Type

After inserting a gauge by clicking Cell Element or Floating Element, you can freely select the sub-type of the gauge under type setting on the right attribute panel.

Take Multi-Pointer Gauge (180°) as an example, as shown in the following figure.

Data

For details about binding data in gauge, see Chart Data.

Style

For details about basic styles of gauge, see Chart Style.

Series

The series of the gauge under Style > Series has special settings, which are introduced separately below:

1. Color

You can select Theme, Custom Combination, or Custom Gradient Color from the drop-down list of Color Scheme to set the color of the gauge scale, as shown in the following figure.

2. Layout

Multiple gauges are needed to display the gauge by category name, and you can change the arrangement direction of these gauges.

3. Style

• Cap: Select Auto. Note: Cap cannot be selected as Auto before.

• Cap Background: Select the background color around the central cap of the gauge.

• Pointer:Select the color of the pointer.

• Chassis Background: Select the background color of the entire gauge chassis.

• Radius Setting: Select Auto to use the default radius, and select Fixed to customize the radius of the gauge.

4. Range

The gauge displays the color of the gauge ring according to the scale value: Scale and Color are set to Auto by default, which takes the first three colors in Color Scheme, respectively matching the scale intervals of 0~1/3, 1/3~2/3, and 2/3~1. You can select Custom to set specific colors for values in different ranges.

Label

The label of the gauge under Style > Label has special settings, which are introduced separately below:

Select the Auto icon for the character size under Value Label, and the character size will be automatically adjusted according to the gauge size.

Axis

The axis of the gauge under Style > Axis has special settings, which are introduced separately below:

Select the Auto icon for the character size under Axis > Label, and the character size will be automatically adjusted according to the gauge size.

Select Common for Format of the axis label, and the color of the axis label will be displayed according to the series color.

Special Effect

For details about special effect settings of the gauge, see: Chart Effect.

Data Preparation

Choose File > New General Report in the upper left corner of the designer, and create a dataset ds1. The database query statement is as follows:

select Product.Category_name, Inventory_quantity, Order_quantity, Reorder_quantity from Product, Category

where Product.CategoryID = Category.CategoryID and Category_name != 'Beverage'

Chart Insertion

Merge required cells, click the Insert Chart icon on the upper toolbar, and choose Gauge > Multi-Pointer Gauge (180°) in the pop-up box, as shown in the following figure.

Chart Design

Select the chart, click the Cell Element icon on the right property panel, and set the properties (Type, Data, Style, and Special Effect) for the chart.

Data Binding

1. Select the chart and choose Cell Element > Data on the right property panel.

2. Bind the data from the dataset ds1. Select ds1 for Dataset, Category_Name for Category, Field Name for Series Name (Inventory_Quantity, Order_Quantity, and Reorder_Quantity fields), and Sum for Summary.

Style Setting

You just need to change the title for Style of Multi-Pointer Gauge, and leave the other settings as default, as shown in the following figure.

Effect Display

PC

Save the report and click Pagination Preview. The section "Application Scenario" shows the effect.

Mobile Terminal

The template can be previewed on both the DataAnalyst app and the HTML5 terminal. The following figure shows the display effect.

For details, you can click to download template Multi-Pointer Gauge (180°).cpt.