Grafana saves the query model whenever one of the text fields loses focus (onBlur), and then it previews the values returned by metricFindQuery. The second argument to onChange allows you to set a text representation of the query that will appear next to the name of the variable in the variables list. Create a VariableSupport class that extends CustomVariableSupport: ... That's it! You can now try out the plugin by adding a query variable to your dashboard.

If you're interested in taking on this project long-term, contact integrations@grafana.com. We're eager to work with new maintainers and eventually hand over the project. Business Variable transforms how you interact with Grafana dashboard variables.

August 21, 2017 - My dashboard has a couple of variables, what is the best way to expose the variable values within a plugin?

Template variables work like any other Grafana data source query - you define a query that returns data, and Grafana uses the results to populate the variable options.

Learn how to unify, correlate, and visualize data with dashboards using Grafana. ... No results. ... Like panels, you can have your own CSV/JSON in your variable. Variable queries are expected to return one or more columns.

January 16, 2021 - Hi everyone, First of all, thank you so much for the hard work on Grafana, the platform is awesome. I’m using Grafana 7.3.6 and I’m building a datasource plugin with a backend. My plugin looks as follow: export const plugin = new DataSourcePlugin (DataSource) .setConfigEditor(ConfigEditor) .setQueryEditor(QueryEditor) .setVariableQueryEditor(VariablesEditor); What I’m trying to achieve is to use the dashboard variables in the query editor.

Variables allow you to create more interactive and dynamic dashboards by replacing hard-coded values with dynamic options. They are displayed as dropdown lists at the top of the dashboard, making it easy to change the data being displayed.

Learn about the extensive features of the Business Variable panel including sorting, key-value formats, and dashboard redirects.

August 31, 2018 - Hello- What is the best way for a panel plugin to update a variable? I have tried: this.$location.search( 'var-'+name, value ); This updates the URL properly, and on browser refresh, the variables is set, but I wou…

November 17, 2021 - Hello, How Can I listen on grafana variables change from my custom plugin code that is implemented in react ? I need to update my custom panel according to a variable changes. I didn’t find any documentation regarding …

Add variables to metric queries, panel titles, links, and other dashboard elements to create interactive dashboards that viewers can adjust without editing panels.

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.

Start with a variable definition. The following code creates a variable that retrieves all handler label values for the prometheus_http_requests_total metric from the Prometheus data source: ... The datasource used in the preceding code block refers to the core Grafana Prometheus data source plugin.

September 21, 2024 - I’m running Grafana on a Linux OS The goal is to use a JSON to pass data to a variable. This variable will be used to modify (filter, visualisation name, timerange, …) a dynamic dashboard.

September 7, 2020 - Hello, I’m using the https://grafana.com/grafana/plugins/aidanmountford-html-panel plugin together with some lines of javascript code to configure a panel. Now, I want to update a dashboard variable. Could you provide …

October 31, 2024 - I am using Grafana 11.3 with the HTML Graphics plugin 2.1.1. I simply want to include the value of a dashboard constant variable in the HTML/SVG body. Using ${VariableName} displayed as exactly that, ${VariableName} when I expect the value to be displayed. Below is an example from my test panel: " style="width: 100%; max-width: 400px; height: auto; display: block...

January 11, 2023 - This is similar to using substitution tokens within a DataSet dashboard. Variables are displayed as dropdown lists at the top of the dashboard. This guide expands upon the example dashboard that we configured in the Grafana Data Source Plugin ...

April 9, 2019 - Hi, I am developing a plugin, It makes extensive use of a free form text variable which can be frequently modified by the user. At the moment, I found no better way than implement this input field as a template variable. https://grafana.com/docs/reference/templating/ Question.1] Are there other ...

Create dashboard variables that let viewers filter data, change data sources, set time intervals, and reuse values across queries, titles, and links.