Timeline

The timeline is able to visualize events on a date timeline.

Example

Settings

The settings tab is used to set the type of chart and what data to use.

The circular charts follow the basic settings.

Design

In the design tab, the configuration of which field represents which value on the timeline is done.

Title

The title to show on above the timeline.

Status Field

To represent in what state a record is, a field can be assigned that holds the state of the record.

Start Timestamp Field

This field represents the start time of an item. This must be a datetime field.

Stop Timestamp Field

This field represents the stop time of an item. This must be a datetime field. An end time is not required.

Sequential Items

When no end time is specified, this option is shown. When enabled, the end date of the current item is the start date of the next item.

sequential items

Layout

To alter the look and feel of the timeline, different options can be set to meet your needs.

Width

Determines the width of the timeline in pixels. When set to 0, the timeline will take 100%.

Height

Determines the height of the timeline in pixels. When set to 0, the timeline will take 100%.

Refresh Enabled

Whether a refresh button is shown on the timeline. When refreshing, data and configuration is retrieved from the Ometa Business Connector.

Stacked

Whether items that have overlapping dates should stack on top of each other.

stacked

Colors

To visualize different states an item can be in, a color scheme can be added. Providing the label with the associated color.

Color scheme

When enabling the tooltip, a text or function can be provided that will be shown in the tooltip. To dynamically show information about the current item you can use variables.

Variable	Description
item	The current item to show the tooltip for.
items	All items of the timeline.

Text

Returns the same text format for every item.

Config
Result

Script

A JavaScript function that can return different text format.

Config
Result

Item Text

When enabling the item text, a text or function can be provided that will be shown in the item. To dynamically show information about the current item you can use variables.