Component description

The time-selector component adds a global time selector, which determines time range used for charts and graphs on the page/dashboard.

Example

Minimal JSON

{
  "type": "time-selector",
  "targetDataComponentIds": [
    ""
  ]
}
{
  "type": "time-selector",
  "targetDataComponentIds": [
    "total_active_users",
    "total_power_users",
    "total_most_visited_applications",
    "wordcloud",
    "chart_visited_pages",
    "simple_table_most_active_users"
  ]
}

Example taken from the core_dashboard_adoption package.

Nested properties

PropertyDescriptionValuesMandatory
typetime-selectorstringYes
targetDataComponentIdsID of the components that will accept values provided by the time selector.array of stringsYes
componentIdUnique ID of a component. If left empty, a random string will be generated. Primarily used in patch packages to define the component's position within the layout (template).stringNo