Donut 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:

  • In the Legend section, you can set the display of your data and determine whether to hide or show the slices on the chart.

Show Data Labels:

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

Data Label Formatter:

  • Configure the formatting of the data labels on the chart.