Skip to main content

DonutChart

The DonutChart is a variation of a pie chart with a circular shape and a hole in the center. It divides the total amount into proportional slices, each representing a category or value. The key difference is the presence of the central hole, which allows placing additional information in the available space.

DonutChartProps

Signature:

export declare type DonutChartProps = | ;

LabelsConfig

NameTypeDefaultDescription
hidden?
false (all the labels are displayed).

Hides the slice labels.

valueType?
'relative'

Display the label with a relative or absolute value.

ThresholdConfig

NameTypeDefaultDescription
type
'relative'.

Type of the grouping threshold. Can be "relative", "absolute" or "number-of-slices".

value

Value of the group threshold. Default is dynamically calculated depending on the chart size for relative and absolute. 10 in case of number-of-slices.

GroupConfig

NameTypeDefaultDescription
name?
'Other'.

Name of the group.

threshold

The threshold for the group.

DonutChart.Toolbar

DonutChart.Toolbar is a slot to hide or to configure the toolbar.

BaseToolbarProps

extends,
NameTypeDefaultDescription
hidden?
false

Decides if the toolbar is visible or hidden

Still have questions?
Find answers in the Dynatrace Community