Radial Chart

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.

Static Collection example

Property Configuration

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.

Copy

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

The properties below are the main ones which change this components appearance and behaviours.

Examples

Gradient Radial Chart

Multiple Radial Bars

ClearCollect(
    MultipleRadial,
    {
        name: "Veg",
        data: 44
    },
    {
        name: "Fruite",
        data: 55
    },
    {
        name: "Beans",
        data: 67
    },
    {
        name: "Spices",
        data: 83
    }
);

Semi Circular Gauge