Variables
The Business Text panel provides helpers to support variables. You can use variables in JavaScript code and CSS styles.
The Grafana Crash Course provides a thorough explanation of these three variable types.
Check whether a user is an admin
To access nested variables, use curly brackets.
{{#if (contains (variable "{__user.login}") "admin")}}
User is an admin
{{else}}
User is not an admin
{{/if}}Markdown list from a variable
Create a list from a multi-select variable.
{{#each (variable "hostname")}}
- {{this}}
{{/each}}Dynamic templates using dashboard variables
Use the lookup helper to create dynamic templates based on dashboard variables.
The following template creates a key-value pair from each selected value in the props dashboard variable.
book:
{{#each (variable "props")}}
{{this}}: {{lookup @root this}}
{{/each}}JavaScript code
Get a variable value
Use the context.grafana.replaceVariables() function to replace dashboard variables in the JavaScript code.
const bonjour = context.grafana.replaceVariables("${variable}");
console.log(bonjour.toUpperCase());Set a variable value
The var- prefix is required to set a dashboard variable.
context.grafana.locationService.partial({ "var-variableName": ".*" });Set the time range values from and to as follows:
context.grafana.locationService.partial({ from: start, to: end });CSS styles
Dashboard variables are replaced automatically in the CSS styles.
