Skip to main content

PieChart

The PieChart visualizes data proportions in a circular chart. It divides a circle into slices, with each slice representing a specific category or value.

PieChartProps

extends,
NameTypeDefaultDescription
data
-

Categorical data of the chart.

width?
-

Chart width. A number in pixels is expected. Otherwise, it will take the full width of the container.

height?
|
300px.

The height of the chart. If a number is passed, it will be treated as px.

colorPalette?
|
'categorical'.

Set of Color palette to be used in charts.

formatter?
| <, >
-

Custom Formatter for the chart

truncationMode?
'middle'

Truncation mode to use (start, middle, end) Applied to all the parts that truncate text.

seriesActions?
(slice: ) =>
-

Exposed callback to display series actions for a slice

loading?
false

Show the loading indicator when truly.

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.

Still have questions?
Find answers in the Dynatrace Community