Timeline Chart
lowcodera Timeline chart
Purpose
A timeline chart makes it easier to conceptualize a process or a sequence of events. It can make it easier for you to understand the intricacies of a project or why something seems to take so long to accomplish.
Variations
There are several variations of Timeline charts which are supported through the configuration of data and component properties.
Basic Timeline Chart
Distributed Timeline Chart
Advanced (Multiple Ranges Timeline Chart)
Multiple Series - Group Rows Timeline chart
Working with Data
The data format for the basic timeline 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 ColTimeLine
is defined in the Power App. The items
property of the timeline chart component is then bound to this collection.
The above code snippet will generate the following timeline 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 behaviours.
Property | Description | Accepted Values | Required |
ShowDistributed | Property to show the distribution of a categorical variable by displaying eas its own bar. Property to give each series a unique color. | Boolean | X |
StackedType | Property to change sack type of a bar | None Stacked | 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 |
Examples
Distributed Timeline Chart
A single or multiple data series is defined in the collection. You can use the same collection used in the section.
Advanced (Multiple Ranges Timeline Chart)
A single or multiple data series is defined in the collection.
Multiple Series - Group Rows Timeline chart
A single or multiple data series is defined in the collection.
Last updated