Skip to content

Timeline Chart

Overview

The timeline chart displays data in chronological order, supporting multiple timeline items, and can be expanded and collapsed to show details.

Settings

Setting ItemDescription
Data SetSelect the data source for the card.
Title FieldSet the title field of the timeline item, only supporting Single Line Text type.
Content FieldSet the content field of the timeline item, supporting Single Line Text, Multi Line Text, and Rich Text types.
Start Time FieldSet the start time field of the timeline item, only supporting Date Time type.
End Time FieldSet the end time field of the timeline item, only supporting Date Time type.
Date Display FormatSet the display format for date and time, including Year/Month/Day, Year/Month/Day Hour:Minute, Year/Month/Day Hour:Minute:Second, Hour:Minute, Hour:Minute:Second.
ColorSet the color of the timeline node.
StatusSet the status of the timeline node.
Display TypeSet the display type of the timeline chart.
Allow ExpansionAfter enabling, you can expand and collapse timeline items.
Grouping FieldSet the grouping field of the timeline, grouping items with the same value.
FilterSet the filtering conditions for data included in the card.
Data VolumeSet the number of data entries included in the card.
Sort FieldSet the sorting method for displayed data.
Dark ModeEnable dark mode, so the card can be used with dark backgrounds.

Usage Scenarios

Display project progress or work records in chronological order. The following is an example using a project phase record.

Configuration Method

  • Configure a project phase record table with the following fields:
Field NameField Type
Phase NameSingle Line Text
Phase ContentMulti Line Text
Start TimeDate Time
End TimeDate Time
Phase StatusList Selection
  • Configuration steps:
  1. Configure Data Set as Project Phase Record
  2. Configure Title Field as Phase Name
  3. Configure Content Field as Phase Content
  4. Configure Start Time Field as Start Time
  5. Configure End Time Field as End Time
  6. Configure Date Display Format as Year/Month/Day
  7. Configure Status as Phase Status
  8. Configure Display Type as Left
  9. Enable Allow Expansion
  10. Configure Filter to filter data
  11. Configure Data Volume as 10