Skip to main content

Button display mode, group selection, and key-value variables in Business Variable 1.7.0

Daria Volkova
Co-Founder at Volkov Labs, Grafana Champion

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 the Grafana Plugins 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 category 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 category, 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 Business Variable panel can be installed from the Grafana Catalog or utilizing the Grafana command line tool.

Install Business Suite plugins in Cloud, OSS, Enterprise. Getting started with the Business Suite.

For the latter, please use the following command.

grafana cli plugins install volkovlabs-variable-panel

Tutorial

This video reviews the latest features introduced in Business Variable 3.0.0.

Daria demonstrates many new options for the Minimize mode, such as

  • allow empty value,
  • allow custom values,
  • maximum visible values.

For the Table mode, she explains how to display total and selected counts. Further, Daria introduces a Slider mode and touches upon the TreeView layout improvements and advanced features.

New features and updates in Business Variable 3.0.0.

For the all plugin options overview, please refer the other video.

Variable Panel for Grafana. New features and updates in 2.3.1.

We have many other tutorials that you can find helpful. You can review all related to this plugin tutorials here.

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)

Always happy to hear from you

  Enroll in Business Suite Enterprise