Extended Chart - Carousel Luminous Gauge

The dashboard can display the achievement of indicators, generally the indicator value, target value and percentage. Two dashboards are available in the extended charts: carousel luminous gauge and waterball chart. They display the achievement of indicators in different styles.

1. Add a carousel luminous gauge

1) Click [Floating Element] > [Chart], and select [Extended Chart-Gauge] > [Carousel luminous gauge].

2) Adjust the size of the chart

2. Prepare data

Create a new built-in dataset [ds1], set 3 data columns [Region][Sales Volume] and [Target], and insert 5 rows of data. Where, [Sales Volume] represents the actual sales volume, and [Target] represents the target sales volume.

3. Set the “Data” for the chart

1) Set the “Data” for the chart as shown in the figure below. 

2) Preview the gauge, and you will see:

    a) Percentage of indicator value to target value.

    b) Display dimension.

4. Set text to be displayed

1) Select [Graphics]. By default, the [Percentage], i.e. the percentage of indicator value to target value, is checked and will be displayed in the right middle of the dashboard.

2) The [Indicator value] and [Target value] can also be checked and will be displayed outside the dashboard.

5. Set range color

1) The Range Color is configured to Automatic by default.

2) You can also customize the range color by clicking the pointer on the color bar.

6. Set BG style

Select the [BG] tab to set the Fill field and select opacity. Similar to cells, the background can be filled with color, gradient color, texture or picture. By default, the background is filled with “black”.

7. Final effect

Download template

Carousel Luminous Gauge.cpt

1. Add a waterball chart

1) Click [Floating Element] > [Chart], and select [Extended Chart-Gauge] > [Waterball chart].

2) Adjust the size of the chart

2. Prepare data

Create a new built-in dataset [ds1], set 2 data columns [Sales Volume] and [Target], and add 1 row of data. Where, [Sales Volume] represents the actual sales volume, and [Target] represents the target sales volume.

3. Set the “Data” for the chart

1) Set the “Data” for the chart as shown in the figure below.

2) Preview the chart, and you will see the percentage of indicator value to target value.

4. Set title

1) Select [Style] > [Title], and enter the title text: “ Achievement on Sales Volume”. Set the title background to white and the opacity to 30.

2) Effect of Title

5. Set label style

1) You can select [Label] to customize label text style. The [Percentage] is checked by default.

2) You can also check [Indicator Value] and [Target Value], which will be displayed as numerator and denominator respectively after preview.

6. Set range color

You can select [Graphics] to customize range color and partitioning. After preview, the color of water wave will be that of the partition to which the percentage belong.

7. Set BG style

Click the [BG] tab. Similar to cells, the background can be filled with color, gradient color, texture or picture. By default, the background is filled with “black”.

8. Final effect

Download template

Waterball.cpt