Multi-Pointer Gauge (360°)

Version

Application Scenario

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

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 subtype of the gauge under type setting on the right attribute panel.

Take Multi-Pointer Gauge (360°) 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 the central cap color of the gauge.

• 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 Auto for color 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 Special Efefect.

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, Re_order_quantity FROM Product, Category

WHERE Product.CategoryID = Category.CategoryID AND Product.Category_name != 'Beverages'

Chart Insertion

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

Chart Design

Data Binding

Click Data and bind required data to the chart, as shown in the following figure.

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

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