Plugins 〉Variable


Developer
Volkov Labs


Sign up to receive occasional product news and updates:



Panel
community

Variable

  • Overview
  • Installation
  • Change log
  • Related content

Variable Panel for Grafana

Dashboard

Grafana CI E2E codecov CodeQL

Introduction

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

Requirements

  • Variable Panel 1.X, 2.X requires Grafana 9 or Grafana 10.

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

Highlights

  • Allows working with dashboard variables in Table, Tree View, Minimized and Button layouts.
  • Displays statuses based on thresholds from data sources.
  • Supports single and multi-value variables with the All option.
  • Allows filtering values by pattern and selected favorites.
  • Supports follow when scrolling (sticky).
  • Supports multiple Tree Views using tabs.
  • Supports input text variables.

Documentation

SectionDescription
LayoutExplains how to display variables in a table and tree view.
FeaturesDemonstrates panel features.
Release NotesStay up to date with the latest features and updates.

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.

License

Apache License Version 2.0, see LICENSE.

Installing Variable on Grafana Cloud:

For more information, visit the docs on plugin installation.

Change Log

2.3.1 (2023-12-14)

Bugfixes

  • Fix draggable icon for Grafana 10.3 (#107)

2.3.0 (2023-12-13)

Features / Enhancements

  • Add clean table state on tab change (#101)
  • Update ESLint configuration and refactor (#102)
  • Add persistent mode (#103)
  • Update to Grafana 10.2.2 and Volkov labs packages (#104)

2.2.0 (2023-11-20)

Features / Enhancements

  • Add dashboard redirect option (#92)
  • Update ESLint configuration and sort imports (#93)
  • Update Safari layout for favorites (#97)
  • Update to Grafana 10.2.1 (#98)
  • Add clean filter value button (#99)

2.1.0 (2023-11-08)

Features / Enhancements

  • Add an option for an always-visible search filter (#83)
  • Add Group rename functionality (#84)
  • Add selecting fields from data frames without RefId (#85)
  • Add toggle expanded row state by clicking on the label (#86)

Bugfixes

  • Update the deselection of All variable value which is not defined in the URL (#87)
  • Removed ability to add group to favorites (#88)

2.0.0 (2023-10-16)

Features / Enhancements

  • Update variable option label for parent items in tree view (#62)
  • Add handling pressing enter and escape keys for Text Variable (#69)
  • Add table virtualization to improve performance (#64, #74)
  • Clear value for multi-choice variable (#66)
  • Update to Plugin Tools 2.1.1 (#72)
  • Use Grafana Access Policy to sign plugin (#72)
  • Update to Grafana 10.1.5 (#73)

Bugfixes

  • Fix key:value option selection for Minimize and Button views (#75)

1.7.0 (2023-08-08)

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)

1.6.0 (2023-07-26)

Features / Enhancements

  • Update ESLint configuration (#47)
  • Add status sort button (#49, #51)
  • Add minimize mode similar to the native select for Query and Custom (#50)
  • Add input for text box variable (#53)

1.5.0 (2023-07-11)

Features / Enhancements

  • Update single select variable with All enabled (#41)
  • Add sticky header and auto scroll on multi-group selection (#38)
  • Add drag and drop for Groups (#42)
  • Add expand and collapse all in the header (#46)

1.4.0 (2023-07-06)

Features / Enhancements

  • Add Tutorial (#21)
  • Update adding new Level to last (#22)
  • Hide unselectable items (#24)
  • Use the main view scroll element to support Grafana 9 (#26)
  • Add a Favorite icon to filter selected favorites (#25)
  • Add Tree View groups. Requires to update Tree View configuration. (#20)
  • Add an option to display the variable name in front of the value (#30)
  • Increase tests coverage (#31)
  • Add auto scroll to the selected value (#32)
  • Community signed release (#37)

1.3.0 (2023-06-30)

Features / Enhancements

  • Add Display Header option (#15)
  • Add the ability to collapse parent rows (#16)
  • Add a Sticky option to follow when scrolling (#17)
  • Add Table Filter (#18)
  • Add selecting favorites (#19)
  • Update documentation (#20)

1.2.0 (2023-06-26)

Features / Enhancements

  • Add Tree View (#12, #13)
  • Update README and screenshot (#14)

1.1.0 (2023-06-21)

Features / Enhancements

  • Add Variable statuses based on Threshold (#6)
  • Add react-table v8 instead of Table (#8)
  • Add Field options for variable values and statuses (#9)
  • Update Provisioning and README (#10)
  • Add support for Grafana 8.5.0 (#11)

1.0.0 (2023-06-19)

Features / Enhancements

  • Initial release based on Volkov Labs Abc Panel template
  • Update README and configuration (#1)
  • Refactor Legacy Code (#2, #4)
  • Update to Grafana 10.0.0 (#3)
  • Update Provisioning and README (#5)