Plugins 〉Timepicker Buttons Panel


Developer
William Venner


Sign up to receive occasional product news and updates:



Panel
community

Timepicker Buttons Panel

  • Overview
  • Installation
  • Change log
  • Related content

Timepicker Buttons Panel for Grafana

license

A Grafana panel which allows you to create a list of buttons which set specific times (retrieved from a datasource) on the dashboard's timepicker when clicked.

Panel Screenshot Vertical Buttons Panel Screenshot Dropdown List Panel Screenshot Horizontal Buttons


Compatibility

This plugin works with Grafana 7.0.0 and up.

For older versions, check out the releases page.


Installation

sudo service grafana-server stop
cd /var/lib/grafana/plugins
sudo git clone https://github.com/WilliamVenner/grafana-timepicker-buttons
sudo mv grafana-timepicker-buttons williamvenner-timepickerbuttons-panel
sudo chown grafana:grafana williamvenner-timepickerbuttons-panel -R
sudo chmod 774 williamvenner-timepickerbuttons-panel -R
sudo service grafana-server start

Usage

Display Style Configuration

The timepicker can be configured to display buttons (vertically or horizontally), or as a dropdown list.

Panel Options Buttons Panel Options Dropdown List

Field Mapping

All dates and times should use UTC.

The data returned from the datasource must be formatted as a Table, not a Time Series.

The panel can be configured to indicate which fields are mapped to the button properties:

Panel Options

The data fields returned from the datasource should be mapped with the following panel configuration settings:

ColumnDefault ValueDescription
Time From Fieldtime_fromRequired
A UNIX Timestamp (Number)
This will set the "From" part of the time range.
The value can include or exclude ms. Example: 1612413008000 or 1612413008
Time To Fieldtime_toOptional
A UNIX Timestamp (Number)
This will set the "To" part of the time range.
The value can include or exclude ms. Example: 1612413008000 or 1612413008
If this is not supplied, it will default to now.
Button Text Fieldbutton_textOptional
What the text inside the button will say.
If this is not supplied, it will default to a locale-formatted timestamp.
Primary FieldprimaryOptional
Field used to determine if the button will be marked with a star icon
Primary Value1Optional
A Regex pattern to perform on the Primary Field. If matched the button will be marked with a star icon.

Example Screenshot


Credit

Logo made by DinosoftLabs on www.flaticon.com

Installing Timepicker Buttons Panel on Grafana Cloud:

For more information, visit the docs on plugin installation.

Change Log

All notable changes to this project will be documented in this file.

v1.0.0

Initial Release