This component shows timeline-shaped data such like social networking services. It only presents data - no interactive.

{
  "type":"timeline",
  "hour24":true,
  "events":[
    {
      "ts":1601537400000,
      "value":"Read newspaper",
      "color":"white"
    },
    {
      "ts":1601544600000,
      "value":"Conference call",
      "color":"green"
    },
    {
      "ts":1601551800000,
      "value":"Meating",
      "color":"blue"
    }
  ]
}

Property

Type

Example

Description

Required

type

string

timeline

Type of component. Use timeline

true

hour24

boolean

true

Option for setting how display time of each event. It will be displayed as "18:40" such like 24-hour format when true. Otherwise, "06:40 PM" will be displayed.

false

events

list of object

[
{
"ts":1601537400000,
"value":"Read newspaper",
"color":"white"
},
{
"ts":1601544600000,
"value":"Conference call",
"color":"green"
},
{
"ts":1601551800000,
"value":"Meating",
"color":"blue"
}
]

List of events. Note that events reordered automatically by it's ts value.

true

events[i].ts

number

1601537400000

Epoch milliseconds of time event occurred. Note that it does not depends on time zone, it presents only the "moment" of event so consideration of time zone is part of server-side.

true

events[i].value

string

Sent package to customer

Content of event.

true

events[i].color

string

blue

Color of circle at the front of event item. Default is white. Available values:

  • white
  • blue
  • cobalt
  • orange
  • red
  • green

false