Donut Chart
Lowcodera Donut Chart Component
Purpose
Donut charts are used to show the proportions of categorical data, with the size of each piece representing the proportion of each category.
Variations

There are several variations of Donut charts which are supported through the configuration of data and component properties.
Basic Donut Chart
Donut Chart with Image
Gradient Donut Chart
Working with Data
‌The data format for the Donut chart is the same as for other Lowcodera charts. You can bind your chart component's items
property to a Power Apps collection which includes either static data or dynamic data e.g. SharePoint.
In this example, a table with static data called ColDonutChart
is defined in the Power App. The items
property of the donut chart component is then bound to this collection.
The above code snippet will generate the following Donut chart.

Chart Properties
The properties below are the main ones which change this components appearance and behaviors.
Property
Description
Accepted Values
Required
DataLabelSymbol
Property to add any symbol (eg. currency or any append words) along with data labels
Text
X
FillType
Property to choose fill type for donut chart.
Gradient
Image
Solid
X
BackgroundImage
Property to provide background image URL for donut
URL
X
StartAngle
Property to Set the starting Angle of the Pie or Doughnut Chart in degrees.
Numeric (ranges 0 to 360)
X
EndAngle
Property to Set the ending Angle of the Pie or Doughnut Chart in degrees.Numeric (ranges 0 to 360)
Numeric (ranges 0 to 360)
X
Examples
Donut Chart with Image

A single or multiple data series is defined in the collection. You can use the same collection used in section.
Donut Pie Chart

A single or multiple data series is defined in the collection. You can use the same collection used in section.
Last updated
Was this helpful?