Radial Chart
lowcodera Radial Chart Component
Purpose
A Radial/Circular Bar Chart simply refers to a typical Bar Chart displayed on a polar coordinate system, instead of a cartesian system.It is used to show comparisons among categories by using a circular shape.
Variations


There are several variations of Radial charts which are supported through the configuration of data and component properties.
Basic Radial Chart
Multiple Radial Bars
Gradient Radial Chart
Semi Circular Gauge
Working with Data
‌The data format for the basic radial 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 collection with static data called BasicRadial
is defined in the Power App. The items
property of the radial chart component is then bound to this collection.
Table(
{
name: "Percentage",
data: 70
}
)
The above code snippet will generate the following radial chart.

Chart Properties
The properties below are the main ones which change this components appearance and behaviours.
Property
Description
Accepted Values
Required
StartAngle
Property to set a custom angle from which radial chart should start.
Numeric
X
EndAngle
Property to set a custom angle from which radial chart should end.
Numeric
X
TotalLabel
Property to show total label in the center
String
X
TotalValue
Property to show any value of the total in the center.
Numeric
X
Examples
Gradient Radial Chart

A single or multiple data series is defined in the collection. You can use the same collection used in the section.
Multiple Radial Bars

A single or multiple data series is defined in the collection.
ClearCollect(
MultipleRadial,
{
name: "Veg",
data: 44
},
{
name: "Fruite",
data: 55
},
{
name: "Beans",
data: 67
},
{
name: "Spices",
data: 83
}
);
Semi Circular Gauge

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