Column Chart
lowcodera Column Chart Component
Last updated
lowcodera Column Chart Component
Last updated
Column charts are useful for showing data changes over a period of time or for illustrating comparisons among items. In column charts, categories are typically organized along the horizontal axis and values along the vertical axis.
There are several variations of column charts which are supported through the configuration of data and component properties.
Basic Column Chart
Grouped Column Chart
Stacked Column Chart
100% Stacked Column Chart
Reversed Column Chart
Column Chart with markers
Column Chart with background
The data format for the column chart is the same as for other column 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 ColColumnChartBasic is defined in the Power App. The items
property of the column chart component is then bound to this collection.
The above code snippet will generate the following column chart.
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.
Control Property | Description | Accepted Values | Required |
ShowDistributed | Property to give each series a unique color. | Boolean | X |
StackedType | Property to change sack type of a bar | None Stacked Stacked100 | X |
DataLabelSymbol | Property to add any symbol (eg. currency or any appened words) along with data labels | Text | X |
Show100HeightBar | Property to set 100% height of the bar | Boolean | X |
ShowReversed | Property to represent the Y-Axis from the right side | Boolean | X |
FillType | Property to choose fill type for bars. | Gradient Image Solid | X |
BackgroundImage | Property to provide background image URL for bars | URL | X |
A single data series is defined in the collection
More than one data series is defined in the collection
More than one data series is defined in the data collection
More than one data series is defined in the data collection. Use the same collection used for Stacked Column chart.
One or More than one data series is defined in the data collection.
One or More than one data series is defined in the data collection.
One or More than one data series is defined in the data collection. You can use same collection created in Basic Column Chart section.