Skip to main content

Variable Panel 1.7.0

Daria Volkova

We are happy to announce the release of the Variable Panel 1.7.0. This release includes the following updates:

  • Added the Button display mode.
  • Added group selection for the Tree View layout (beta).
  • Added support of the Grafana key-value variable format for the Table display mode.
Grafana Catalog

The plugin was updated in Grafana Catalog on August 11, 2023.

Button display mode

In the Button display mode, you get horizontally positioned variable values instead of them being placed from top to bottom. Optionally, you can set up color-coding rules in the Thresholds section on the right.

The Button mode converts vertical listing into horizontal elements. Color coding follows the threshold rules.
The Button mode converts vertical listing into horizontal elements. Color coding follows the threshold rules.

Group selection

info

This parameter is still under development and now is available in the Beta version. Try it out with care.

In the Layout section, for the Tree View, we added a new parameter, 'Allow group selection'. When it is enabled, choosing a root of the group will automatically select all elements belonging to this group.

With a new parameter, 'Allow group selection', the selection of a group automatically selects all elements in this group.
With a new parameter, 'Allow group selection', the selection of a group automatically selects all elements in this group.

Key-values format in Variables

A Grafana variable can be composed of a key and value to make it possible to join data sets by IDs(key) while displaying user-friendly names(value).

Starting from this release, the Variable panel in the Table view supports this feature.

In the illustration below, screen 1, the city variable is created with three key-value pairs.

Chicago:1, New York:2, Tampa:3

Screen 2 is a dashboard view where an end-user sees only city names. After the selection is made (here, New York:2), the variable carries a value equal to 2.

From there the city variable's value can be used in the queries for other panels, screen 3.

Example of the key-value variable format in the Variable panel.
Example of the key-value variable format in the Variable panel.

Getting Started

The Variable panel can be installed from the Grafana Catalog or utilizing the Grafana command line tool.

For the latter, please use the following command.

grafana-cli plugins install volkovlabs-variable-panel

YouTube Tutorial

The Variable panel builds on top of the regular dashboard variables. It allows you to have dashboard filters in a separate panel which you can place anywhere on the dashboard.

The variable panel offers you single- and multi-variable layouts along with an advanced Tree View.

Demonstrates the Variable panel functionality.

Release Notes

Features / Enhancements

  • Add variables with text and value in Table/Tree View (#57)
  • Add Button View (#59)
  • Add group selection (#58)
  • Update dependencies to Grafana 10.0.3 (#60)

Feedback

We're looking forward to hearing from you. You can use different ways to get in touch with us.

  • Ask a question, request a new feature, and file a bug with GitHub issues.
  • Subscribe to our YouTube Channel and leave your comments.
  • Sponsor our open-source plugins for Grafana with GitHub Sponsor.
  • Support our project by starring the repository.