Timeline

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