Pie Chart Element Properties

You can configure the following settings in the Properties panel:

Datasource:

• Action field, select the data field you want to view.

The following data settings cannot be displayed when you have not added an action to the Datasource.

• Data Label: Determines the data label to be displayed on the chart.
• Tooltip Custom Title Data Label: Sets the data label to appear in the Tooltip title.
• Tooltip Custom Content Data Label: Descriptive data label to be shown in the Tooltip content.
• Multi Tooltip Content Fields: Allows you to show multiple data fields in the Tooltip.
• Data Field: This is the field where you define the main data series.
• Data Bg Color: Sets the background color of the main data field.
• Second Data Field: Used to define a second data series on the chart.
• Second Data Bg Color: Sets the background color of the second data series.
• Third Data Field: Used to add a third data series.
• Data Bg Color: Sets the background color of the third data series.

Legend:

• Click on the data in the DataSource section to hide a specific slice.

Show Data Labels:

• Toggle the Switch button to show the labels for each slice on the chart.

Data Label Formatter:

• Customize the labels of the data slices.

Data Structure:

• To use the Pie Chart element, each value field must be associated with a label field. The following SQL code shows a sample data structure:

SELECT 'Category A' AS category, 45 AS valueUNION ALL SELECT 'Category B', 30UNION ALL SELECT 'Category C', 15UNION ALL SELECT 'Category D', 10;

‍