Radial Chart | lowcodera

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.

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.

ShowDataLabel property is set to true
All other control properties can be left as default

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 behaviours.

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.

ShowDataLabel property is set to true
FillType property is set to Gradient
GradientShadeIntensity property is to set 2
GradientOpcityFrom property is to set 0.5
GradientOpcityTo property is to set 0.5
All other control properties can be left as default

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
    }
);