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
For a full listing of all chart properties see the chart components property reference
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