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