<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Dashboards on Grafana Labs</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/</link><description>Recent content in Dashboards on Grafana Labs</description><generator>Hugo -- gohugo.io</generator><language>en</language><atom:link href="/docs/grafana/v8.4/dashboards/index.xml" rel="self" type="application/rss+xml"/><item><title> Dashboard UI</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard-ui/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard-ui/</guid><content><![CDATA[&lt;h1 id=&#34;working-with-grafana-dashboard-ui&#34;&gt;Working with Grafana dashboard UI&lt;/h1&gt;
&lt;p&gt;The dashboard UI has the following sections to allow you to customize the presentation of data.&lt;/p&gt;
&lt;img src=&#34;/static/img/docs/v50/dashboard_annotated.png&#34; class=&#34;no-shadow&#34; width=&#34;700px&#34;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Zoom out time range&lt;/strong&gt; (1)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Time picker dropdown&lt;/strong&gt; (2). Access relative time range options, auto refresh options and set custom absolute time ranges.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Manual refresh option&lt;/strong&gt; (3) Fetch new data.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Dashboard panel&lt;/strong&gt; (4) Click the panel title to edit panels.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Graph legend&lt;/strong&gt; (5) Change series colors, y-axis and series visibility directly from the legend.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;For more details, see &lt;a href=&#34;dashboard-header/&#34;&gt;Dashboard header&lt;/a&gt; and &lt;a href=&#34;dashboard-row/&#34;&gt;Dashboard rows&lt;/a&gt;.&lt;/p&gt;
]]></content><description>&lt;h1 id="working-with-grafana-dashboard-ui">Working with Grafana dashboard UI&lt;/h1>
&lt;p>The dashboard UI has the following sections to allow you to customize the presentation of data.&lt;/p>
&lt;img src="/static/img/docs/v50/dashboard_annotated.png" class="no-shadow" width="700px">
&lt;ul>
&lt;li>&lt;strong>Zoom out time range&lt;/strong> (1)&lt;/li>
&lt;li>&lt;strong>Time picker dropdown&lt;/strong> (2). Access relative time range options, auto refresh options and set custom absolute time ranges.&lt;/li>
&lt;li>&lt;strong>Manual refresh option&lt;/strong> (3) Fetch new data.&lt;/li>
&lt;li>&lt;strong>Dashboard panel&lt;/strong> (4) Click the panel title to edit panels.&lt;/li>
&lt;li>&lt;strong>Graph legend&lt;/strong> (5) Change series colors, y-axis and series visibility directly from the legend.&lt;/li>
&lt;/ul>
&lt;p>For more details, see &lt;a href="dashboard-header/">Dashboard header&lt;/a> and &lt;a href="dashboard-row/">Dashboard rows&lt;/a>.&lt;/p></description></item><item><title>Dashboard Folders</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard_folders/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard_folders/</guid><content><![CDATA[&lt;h1 id=&#34;dashboard-folders&#34;&gt;Dashboard Folders&lt;/h1&gt;
&lt;p&gt;Folders are a way to organize and group dashboards - very useful if you have a lot of dashboards or multiple teams using the same Grafana instance.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; Only Grafana Admins and Super Admins can create, edit, or delete folders. Refer to &lt;a href=&#34;../../permissions/organization_roles/&#34;&gt;Organization roles&lt;/a&gt; for more information.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h2 id=&#34;how-to-create-a-folder&#34;&gt;How To Create A Folder&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Create a folder by using the Create Folder link in the side menu (under the create menu (&#43; icon))&lt;/li&gt;
&lt;li&gt;Use the create Folder button on the Manage Dashboards page.&lt;/li&gt;
&lt;li&gt;When saving a dashboard, you can either choose a folder for the dashboard to be saved in or create a new folder&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;On the Create Folder page, fill in a unique name for the folder and then click Create.&lt;/p&gt;
&lt;h2 id=&#34;manage-dashboards&#34;&gt;Manage Dashboards&lt;/h2&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--right&#34;
    style=&#34;max-width: 300px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/v50/manage_dashboard_menu.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/v50/manage_dashboard_menu.png&#34;data-srcset=&#34;/static/img/docs/v50/manage_dashboard_menu.png?w=320 320w, /static/img/docs/v50/manage_dashboard_menu.png?w=550 550w, /static/img/docs/v50/manage_dashboard_menu.png?w=750 750w, /static/img/docs/v50/manage_dashboard_menu.png?w=900 900w, /static/img/docs/v50/manage_dashboard_menu.png?w=1040 1040w, /static/img/docs/v50/manage_dashboard_menu.png?w=1240 1240w, /static/img/docs/v50/manage_dashboard_menu.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;205&#34;height=&#34;329&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v50/manage_dashboard_menu.png&#34;
            alt=&#34;&#34;width=&#34;205&#34;height=&#34;329&#34;class=&#34;docs-image--right&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;There is a new Manage Dashboards page where you can carry out a variety of tasks:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;create a folder&lt;/li&gt;
&lt;li&gt;create a dashboard&lt;/li&gt;
&lt;li&gt;move dashboards into folders&lt;/li&gt;
&lt;li&gt;delete multiple dashboards&lt;/li&gt;
&lt;li&gt;navigate to a folder page (where you can set permissions for a folder and/or its dashboards)&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;dashboard-folder-page&#34;&gt;Dashboard Folder Page&lt;/h2&gt;
&lt;p&gt;You reach the dashboard folder page by clicking on the cog icon that appears when you hover
over a folder in the dashboard list in the search result or on the Manage dashboards page.&lt;/p&gt;
&lt;p&gt;The Dashboard Folder Page is similar to the Manage Dashboards page and is where you can carry out the following tasks:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Allows you to move or delete dashboards in a folder.&lt;/li&gt;
&lt;li&gt;Rename a folder (under the Settings tab).&lt;/li&gt;
&lt;li&gt;Set permissions for the folder (inherited by dashboards in the folder).&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;permissions&#34;&gt;Permissions&lt;/h2&gt;
&lt;p&gt;Permissions can be assigned to a folder and inherited by the containing dashboards. An Access Control List (ACL) is used where
&lt;strong&gt;Organization Role&lt;/strong&gt;, &lt;strong&gt;Team&lt;/strong&gt; and Individual &lt;strong&gt;User&lt;/strong&gt; can be assigned permissions. Read the
&lt;a href=&#34;../../permissions/dashboard-folder-permissions/&#34;&gt;Dashboard and Folder Permissions&lt;/a&gt; docs for more detail
on the permission system.&lt;/p&gt;
]]></content><description>&lt;h1 id="dashboard-folders">Dashboard Folders&lt;/h1>
&lt;p>Folders are a way to organize and group dashboards - very useful if you have a lot of dashboards or multiple teams using the same Grafana instance.&lt;/p></description></item><item><title>Create dashboards</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard-create/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard-create/</guid><content><![CDATA[&lt;h2 id=&#34;create-dashboard&#34;&gt;Create dashboard&lt;/h2&gt;
&lt;p&gt;To create a new dashboard:&lt;/p&gt;
&lt;p&gt;Click the new dashboard link on the right side of the time picker. A blank dashboard is created.&lt;/p&gt;
]]></content><description>&lt;h2 id="create-dashboard">Create dashboard&lt;/h2>
&lt;p>To create a new dashboard:&lt;/p>
&lt;p>Click the new dashboard link on the right side of the time picker. A blank dashboard is created.&lt;/p></description></item><item><title>Manage dashboards</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard-manage/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard-manage/</guid><content><![CDATA[&lt;h2 id=&#34;manage-dashboards&#34;&gt;Manage dashboards&lt;/h2&gt;
&lt;p&gt;When managing dashboads, you can use:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Select a time period for a dashboard using the &lt;a href=&#34;../time-range-controls/&#34;&gt;Time range controls&lt;/a&gt; in the upper right of the dashboard.&lt;/li&gt;
&lt;li&gt;Tag dashboards.&lt;/li&gt;
&lt;li&gt;Use &lt;a href=&#34;../../variables/&#34;&gt;templating&lt;/a&gt; to make them more dynamic and interactive.&lt;/li&gt;
&lt;li&gt;Use &lt;a href=&#34;../annotations/&#34;&gt;annotations&lt;/a&gt; to display event data across panels. This can help correlate the time series data in the panel with other events.&lt;/li&gt;
&lt;li&gt;Use the dashboard picker for quick, searchable access to all dashboards in a particular organization.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can also &lt;a href=&#34;../../sharing/share-dashboard/&#34;&gt;share dashboards&lt;/a&gt; in a variety of ways.&lt;/p&gt;
]]></content><description>&lt;h2 id="manage-dashboards">Manage dashboards&lt;/h2>
&lt;p>When managing dashboads, you can use:&lt;/p>
&lt;ul>
&lt;li>Select a time period for a dashboard using the &lt;a href="../time-range-controls/">Time range controls&lt;/a> in the upper right of the dashboard.&lt;/li>
&lt;li>Tag dashboards.&lt;/li>
&lt;li>Use &lt;a href="../../variables/">templating&lt;/a> to make them more dynamic and interactive.&lt;/li>
&lt;li>Use &lt;a href="../annotations/">annotations&lt;/a> to display event data across panels. This can help correlate the time series data in the panel with other events.&lt;/li>
&lt;li>Use the dashboard picker for quick, searchable access to all dashboards in a particular organization.&lt;/li>
&lt;/ul>
&lt;p>You can also &lt;a href="../../sharing/share-dashboard/">share dashboards&lt;/a> in a variety of ways.&lt;/p></description></item><item><title>Annotations</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/annotations/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/annotations/</guid><content><![CDATA[&lt;h1 id=&#34;annotations&#34;&gt;Annotations&lt;/h1&gt;
&lt;p&gt;Annotations provide a way to mark points on the graph with rich events. When you hover over an annotation
you can get event description and event tags. The text field can include links to other systems with more detail.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 800px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/v46/annotations.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/v46/annotations.png&#34;data-srcset=&#34;/static/img/docs/v46/annotations.png?w=320 320w, /static/img/docs/v46/annotations.png?w=550 550w, /static/img/docs/v46/annotations.png?w=750 750w, /static/img/docs/v46/annotations.png?w=900 900w, /static/img/docs/v46/annotations.png?w=1040 1040w, /static/img/docs/v46/annotations.png?w=1240 1240w, /static/img/docs/v46/annotations.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;746&#34;height=&#34;293&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v46/annotations.png&#34;
            alt=&#34;&#34;width=&#34;746&#34;height=&#34;293&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;native-annotations&#34;&gt;Native annotations&lt;/h2&gt;
&lt;p&gt;Grafana comes with a native annotation store and the ability to add annotation events directly from the graph panel or via the &lt;a href=&#34;../../http_api/annotations/&#34;&gt;HTTP API&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;adding-annotations&#34;&gt;Adding annotations&lt;/h2&gt;
&lt;p&gt;By holding down Ctrl/Cmd&#43;Click. Adding tags to the annotation will make it searchable from other dashboards.&lt;/p&gt;
&lt;div class=&#34;screenshot&#34; style=&#34;max-width:600px&#34;&gt;
  &lt;a href=&#34;/static/img/docs/annotations/annotation.gif&#34; title=&#34;&#34;&gt;
    &lt;img alt=&#34;&#34; src=&#34;data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==&#34;
         data-src=&#34;/static/img/docs/annotations/annotation-still.png&#34; class=&#34;screenshot__still lazyload&#34;&gt;
    &lt;img alt=&#34;&#34; src=&#34;/static/img/docs/annotations/annotation.gif&#34; class=&#34;screenshot__animated-gif&#34;&gt;
    &lt;div class=&#34;screenshot__play&#34;&gt;
      &lt;i class=&#34;fa fa-play&#34;&gt;&lt;/i&gt;
    &lt;/div&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id=&#34;adding-regions-events&#34;&gt;Adding regions events&lt;/h3&gt;
&lt;p&gt;You can also hold down Ctrl/Cmd and select region to create a region annotation.&lt;/p&gt;
&lt;div class=&#34;screenshot&#34; style=&#34;max-width:600px&#34;&gt;
  &lt;a href=&#34;/static/img/docs/annotations/region-annotation.gif&#34; title=&#34;&#34;&gt;
    &lt;img alt=&#34;&#34; src=&#34;data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==&#34;
         data-src=&#34;/static/img/docs/annotations/region-annotation-still.png&#34; class=&#34;screenshot__still lazyload&#34;&gt;
    &lt;img alt=&#34;&#34; src=&#34;/static/img/docs/annotations/region-annotation.gif&#34; class=&#34;screenshot__animated-gif&#34;&gt;
    &lt;div class=&#34;screenshot__play&#34;&gt;
      &lt;i class=&#34;fa fa-play&#34;&gt;&lt;/i&gt;
    &lt;/div&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;h3 id=&#34;built-in-query&#34;&gt;Built-in query&lt;/h3&gt;
&lt;p&gt;After you added an annotation they will still be visible. This is due to the built in annotation query that exists on all dashboards. This annotation query will
fetch all annotation events that originate from the current dashboard and show them on the panel where they were created. This includes alert state history annotations. You can
stop annotations from being fetched and drawn by opening the &lt;strong&gt;Annotations&lt;/strong&gt; settings (via Dashboard cogs menu) and modifying the query named &lt;code&gt;Annotations &amp;amp; Alerts (Built-in)&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;When you copy a dashboard using the &lt;strong&gt;Save As&lt;/strong&gt; feature it will get a new dashboard id so annotations created on source dashboard will no longer be visible on the copy. You
can still show them if you add a new &lt;strong&gt;Annotation Query&lt;/strong&gt; and filter by tags. But this only works if the annotations on the source dashboard had tags to filter by.&lt;/p&gt;
&lt;h3 id=&#34;query-by-tag&#34;&gt;Query by tag&lt;/h3&gt;
&lt;p&gt;You can create new queries to fetch annotations from the native annotation store via the &lt;code&gt;-- Grafana --&lt;/code&gt; data source by setting &lt;em&gt;Filter by&lt;/em&gt; to &lt;code&gt;Tags&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;Grafana v8.1 and later versions also support typeahead of existing tags, provide at least one tag.&lt;/p&gt;
&lt;p&gt;For example, create an annotation query name &lt;code&gt;outages&lt;/code&gt; and specify a tag &lt;code&gt;outage&lt;/code&gt;. This query will show all annotations (from any dashboard or via API) with the &lt;code&gt;outage&lt;/code&gt; tag. If multiple tags are defined in an annotation query, then Grafana will only show annotations matching all the tags. To modify the behavior, enable &lt;code&gt;Match any&lt;/code&gt;, and Grafana will show annotations that contain any one of the tags you provided.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 600px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/annotations/annotations_typeahead_support-8-1-0.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/annotations/annotations_typeahead_support-8-1-0.png&#34;data-srcset=&#34;/static/img/docs/annotations/annotations_typeahead_support-8-1-0.png?w=320 320w, /static/img/docs/annotations/annotations_typeahead_support-8-1-0.png?w=550 550w, /static/img/docs/annotations/annotations_typeahead_support-8-1-0.png?w=750 750w, /static/img/docs/annotations/annotations_typeahead_support-8-1-0.png?w=900 900w, /static/img/docs/annotations/annotations_typeahead_support-8-1-0.png?w=1040 1040w, /static/img/docs/annotations/annotations_typeahead_support-8-1-0.png?w=1240 1240w, /static/img/docs/annotations/annotations_typeahead_support-8-1-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;659&#34;height=&#34;757&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/annotations/annotations_typeahead_support-8-1-0.png&#34;
            alt=&#34;&#34;width=&#34;659&#34;height=&#34;757&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;In Grafana v5.3&#43; it&amp;rsquo;s possible to use template variables in the tag query. So if you have a dashboard showing stats for different services and a template variable that dictates which services to show, you can now use the same template variable in your annotation query to only show annotations for those services.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 600px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png&#34;data-srcset=&#34;/static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png?w=320 320w, /static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png?w=550 550w, /static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png?w=750 750w, /static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png?w=900 900w, /static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png?w=1040 1040w, /static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png?w=1240 1240w, /static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;688&#34;height=&#34;763&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/annotations/annotation_tag_filter_variable-8-1-0.png&#34;
            alt=&#34;&#34;width=&#34;688&#34;height=&#34;763&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;querying-other-data-sources&#34;&gt;Querying other data sources&lt;/h2&gt;
&lt;p&gt;Annotation events are fetched via annotation queries. To add a new annotation query to a dashboard
open the dashboard settings menu, then select &lt;code&gt;Annotations&lt;/code&gt;. This will open the dashboard annotations
settings view. To create a new annotation query hit the &lt;code&gt;New&lt;/code&gt; button.&lt;/p&gt;
&lt;!--![](/static/img/docs/v50/annotation_new_query.png)--&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 600px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/v50/annotation_new_query.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/v50/annotation_new_query.png&#34;data-srcset=&#34;/static/img/docs/v50/annotation_new_query.png?w=320 320w, /static/img/docs/v50/annotation_new_query.png?w=550 550w, /static/img/docs/v50/annotation_new_query.png?w=750 750w, /static/img/docs/v50/annotation_new_query.png?w=900 900w, /static/img/docs/v50/annotation_new_query.png?w=1040 1040w, /static/img/docs/v50/annotation_new_query.png?w=1240 1240w, /static/img/docs/v50/annotation_new_query.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;2391&#34;height=&#34;900&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v50/annotation_new_query.png&#34;
            alt=&#34;&#34;width=&#34;2391&#34;height=&#34;900&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;Specify a name for the annotation query. This name is given to the toggle (checkbox) that will allow
you to enable/disable showing annotation events from this query. For example you might have two
annotation queries named &lt;code&gt;Deploys&lt;/code&gt; and &lt;code&gt;Outages&lt;/code&gt;. The toggle will allow you to decide what annotations
to show.&lt;/p&gt;
&lt;h3 id=&#34;annotation-query-details&#34;&gt;Annotation query details&lt;/h3&gt;
&lt;p&gt;The annotation query options are different for each data source. For information about annotations in a specific data source, refer to the specific &lt;a href=&#34;../../datasources/&#34;&gt;data source&lt;/a&gt; topic.&lt;/p&gt;
]]></content><description>&lt;h1 id="annotations">Annotations&lt;/h1>
&lt;p>Annotations provide a way to mark points on the graph with rich events. When you hover over an annotation
you can get event description and event tags. The text field can include links to other systems with more detail.&lt;/p></description></item><item><title>Playlist</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/playlist/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/playlist/</guid><content><![CDATA[&lt;h1 id=&#34;playlist&#34;&gt;Playlist&lt;/h1&gt;
&lt;p&gt;A playlist displays a list of dashboards that are in a sequence. Use a playlist to build situational awareness or to present your metrics to your team or visitors. Grafana automatically scales dashboards to any resolution, which makes them perfect for big screens. This topic has the following sections:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#playlist&#34;&gt;Playlist&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#access-share-and-control-a-playlist&#34;&gt;Access, share, and control a playlist&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#access-playlist&#34;&gt;Access playlist&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#start-a-playlist&#34;&gt;Start a playlist&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#control-a-playlist&#34;&gt;Control a playlist&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#create-a-playlist&#34;&gt;Create a playlist&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#edit-or-delete-a-playlist&#34;&gt;Edit or delete a playlist&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#edit-a-playlist&#34;&gt;Edit a playlist&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#delete-a-playlist&#34;&gt;Delete a playlist&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#share-a-playlist-in-a-view-mode&#34;&gt;Share a playlist in a view mode&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;access-share-and-control-a-playlist&#34;&gt;Access, share, and control a playlist&lt;/h2&gt;
&lt;p&gt;Use the information in this section to access existing playlists. Start and control the display of a playlist using one of the five available modes.&lt;/p&gt;
&lt;h3 id=&#34;access-playlist&#34;&gt;Access playlist&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Hover your cursor over Grafana’s side menu.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Playlists&lt;/strong&gt;. You will see a list of existing playlists.&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;start-a-playlist&#34;&gt;Start a playlist&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;#access-playlist&#34;&gt;Access&lt;/a&gt; the playlist page to see a list of existing playlists.&lt;/li&gt;
&lt;li&gt;Find the playlist you want to start, then click &lt;strong&gt;Start playlist&lt;/strong&gt;. The start playlist dialog opens.&lt;/li&gt;
&lt;li&gt;Select one of the five playlist modes available based on the information in the following table.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Start &lt;playlist name&gt;&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;The playlist displays each dashboard for the time specified in the &lt;code&gt;Interval&lt;/code&gt; field, set when creating or editing a playlist. Once a playlist starts, you can &lt;a href=&#34;#control-a-playlist&#34;&gt;control&lt;/a&gt; it using the navbar at the top of your screen.&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Mode&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Normal mode&lt;/td&gt;
              &lt;td&gt;&lt;ul&gt;&lt;li&gt;The side menu remains visible.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;The navbar, row, and panel controls appear at the top of the screen.&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;TV mode&lt;/td&gt;
              &lt;td&gt;&lt;ul&gt;&lt;li&gt;The side menu and dashboard submenu (including variable drop-downs and dashboard links) are hidden or removed.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;The navbar, row, and panel controls appear at the top of the screen.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Enabled automatically after one minute of user inactivity.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Enable it manually using the &lt;code&gt;d v&lt;/code&gt; sequence shortcut, or by appending the parameter &lt;code&gt;?inactive&lt;/code&gt; to the dashboard URL.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Disable it with any mouse movement or keyboard action.&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;TV mode (with auto fit panels)&lt;/td&gt;
              &lt;td&gt;&lt;ul&gt;&lt;li&gt;The side menu and dashboard submenu (including variable drop-downs and dashboard links) are hidden or removed.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;The navbar, row and panel controls appear at the top of the screen.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Dashboard panels automatically adjust to optimize space on screen.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Kiosk mode&lt;/td&gt;
              &lt;td&gt;&lt;ul&gt;&lt;li&gt;The side menu, navbar, ro and panel controls are completely hidden/removed from view.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;You can enable it manually using the &lt;code&gt;d v&lt;/code&gt; sequence shortcut after the playlist has started.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;You can disable it manually with the same shortcut.&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Kiosk mode (with auto fit panels)&lt;/td&gt;
              &lt;td&gt;&lt;ul&gt;&lt;li&gt;The side menu, navbar, row, and panel controls are completely hidden/removed from view.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;Dashboard panels automatically adjust to optimize space on screen.&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;control-a-playlist&#34;&gt;Control a playlist&lt;/h3&gt;
&lt;p&gt;You can control a playlist in &lt;strong&gt;Normal&lt;/strong&gt; or &lt;strong&gt;TV&lt;/strong&gt; mode after it&amp;rsquo;s started, using the navigation bar at the top of your screen. Press the Esc key in your keyboard to stop the playlist.&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Button&lt;/th&gt;
              &lt;th&gt;Result&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Next (double-right arrow)&lt;/td&gt;
              &lt;td&gt;Advances to the next dashboard.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Back (left arrow)&lt;/td&gt;
              &lt;td&gt;Returns to the previous dashboard.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Stop (square)&lt;/td&gt;
              &lt;td&gt;Ends the playlist, and exits to the current dashboard.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Cycle view mode (monitor icon)&lt;/td&gt;
              &lt;td&gt;Rotates the display of the dashboards in different view modes.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Time range&lt;/td&gt;
              &lt;td&gt;Displays data within a time range. It can be set to display the last 5 minutes up to 5 years ago, or a custom time range, using the down arrow.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Refresh (circle arrow)&lt;/td&gt;
              &lt;td&gt;Reloads the dashboard, to display the current data. It can be set to reload automatically every 5 seconds to 1 day, using the drop-down arrow.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h2 id=&#34;create-a-playlist&#34;&gt;Create a playlist&lt;/h2&gt;
&lt;p&gt;You can create a playlist to present dashboards in a sequence, with a set order and time interval between dashboards.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;In the playlist page, click &lt;strong&gt;New playlist&lt;/strong&gt;. The New playlist page opens.&lt;/li&gt;
&lt;li&gt;In the &lt;strong&gt;Name&lt;/strong&gt; text box, enter a descriptive name.&lt;/li&gt;
&lt;li&gt;In the &lt;strong&gt;Interval&lt;/strong&gt; text box, enter a time interval. Grafana displays a particular dashboard for the interval of time specified here before moving on to the next dashboard.&lt;/li&gt;
&lt;li&gt;In Dashboards, add existing dashboards to the playlist using &lt;strong&gt;Add by title&lt;/strong&gt; and &lt;strong&gt;Add by tag&lt;/strong&gt; drop-down options. The dashboards you add are listed in a sequential order.&lt;/li&gt;
&lt;li&gt;If needed:
&lt;ul&gt;
&lt;li&gt;Search for a dashboard by its name, a regular expression, or a tag.&lt;/li&gt;
&lt;li&gt;Filter your results by starred status or tags.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;If needed, rearrange the order of the dashboard you have added using the up and down arrow icon.&lt;/li&gt;
&lt;li&gt;Optionally, remove a dashboard from the playlist by clicking the x icon beside dashboard.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Save&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 25rem;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/dashboards/create-playlist-8-2.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/dashboards/create-playlist-8-2.png&#34;data-srcset=&#34;/static/img/docs/dashboards/create-playlist-8-2.png?w=320 320w, /static/img/docs/dashboards/create-playlist-8-2.png?w=550 550w, /static/img/docs/dashboards/create-playlist-8-2.png?w=750 750w, /static/img/docs/dashboards/create-playlist-8-2.png?w=900 900w, /static/img/docs/dashboards/create-playlist-8-2.png?w=1040 1040w, /static/img/docs/dashboards/create-playlist-8-2.png?w=1240 1240w, /static/img/docs/dashboards/create-playlist-8-2.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;763&#34;height=&#34;717&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/dashboards/create-playlist-8-2.png&#34;
            alt=&#34;&#34;width=&#34;763&#34;height=&#34;717&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;edit-or-delete-a-playlist&#34;&gt;Edit or delete a playlist&lt;/h2&gt;
&lt;p&gt;You can edit a playlist by updating its name, interval time, and by adding, removing, and rearranging the order of dashboards. On the rare occasion when you no longer need a playlist, you can delete it.&lt;/p&gt;
&lt;h3 id=&#34;edit-a-playlist&#34;&gt;Edit a playlist&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;In the playlist page, click &lt;strong&gt;Edit playlist&lt;/strong&gt;. The Edit playlist page opens.&lt;/li&gt;
&lt;li&gt;Update the name and time interval, then add or remove dashboards from the playlist using instructions in &lt;a href=&#34;#create-a-playlist&#34;&gt;Create a playlist&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Save&lt;/strong&gt; to save your changes.&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;delete-a-playlist&#34;&gt;Delete a playlist&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;In the playlist page, click &lt;strong&gt;Edit playlist&lt;/strong&gt;. A prompts opens asking you to confirm the action.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;delete&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;share-a-playlist-in-a-view-mode&#34;&gt;Share a playlist in a view mode&lt;/h2&gt;
&lt;p&gt;You can share a playlist by copying the link address on the view mode you prefer, and pasting the URL to your destination.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;From the Dashboards submenu, click &lt;strong&gt;Playlists&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Next to the playlist you want to share, click &lt;strong&gt;Start playlist&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the dropdown, right click the view mode you prefer.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click &lt;strong&gt;Copy Link Address&lt;/strong&gt; to copy the URL to your clipboard.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;Example: The URL for the first playlist on the Grafana Play site in Kiosk mode will look like this:
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;a href=&#34;https://play.grafana.org/playlists/play/1?kiosk&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;https://play.grafana.org/playlists/play/1?kiosk&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Paste the URL to your destination.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="playlist">Playlist&lt;/h1>
&lt;p>A playlist displays a list of dashboards that are in a sequence. Use a playlist to build situational awareness or to present your metrics to your team or visitors. Grafana automatically scales dashboards to any resolution, which makes them perfect for big screens. This topic has the following sections:&lt;/p></description></item><item><title>Search</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/search/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/search/</guid><content><![CDATA[&lt;h1 id=&#34;dashboard-search&#34;&gt;Dashboard Search&lt;/h1&gt;
&lt;p&gt;Dashboards can be searched by the dashboard name, filtered by one (or many) tags or filtered by starred status. The dashboard search is accessed through the dashboard picker, available in the dashboard top nav area. The dashboard search can also be opened by using the shortcut &lt;code&gt;F&lt;/code&gt;.&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/v50/dashboard_search_annotated.png&#34; width=&#34;700px&#34;&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;Search Bar&lt;/code&gt;: The search bar allows you to enter any string and search both database and file based dashboards in real-time.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Starred&lt;/code&gt;: Here you find all your starred dashboards.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Recent&lt;/code&gt;: Here you find the latest created dashboards.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Folders&lt;/code&gt;: The tags filter allows you to filter the list by dashboard tags.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Root&lt;/code&gt;: The root contains all dashboards that are not placed in a folder.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Tags&lt;/code&gt;: The tags filter allows you to filter the list by dashboard tags.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;When using only a keyboard, you can use your keyboard arrow keys to navigate the results, hit enter to open the selected dashboard.&lt;/p&gt;
&lt;h2 id=&#34;find-by-dashboard-name&#34;&gt;Find by dashboard name&lt;/h2&gt;
&lt;p&gt;Begin typing any part of the desired dashboard names in the search bar. Search will return results for any partial string match in real-time, as you type.&lt;/p&gt;
&lt;p&gt;Dashboard search is:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Real-time&lt;/li&gt;
&lt;li&gt;&lt;em&gt;Not&lt;/em&gt; case sensitive&lt;/li&gt;
&lt;li&gt;Functional across stored &lt;em&gt;and&lt;/em&gt; file based dashboards.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;filter-by-tags&#34;&gt;Filter by Tag(s)&lt;/h2&gt;
&lt;p&gt;Tags are a great way to organize your dashboards, especially as the number of dashboards grow. Tags can be added and managed in the dashboard &lt;code&gt;Settings&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;To filter the dashboard list by tag, click on any tag appearing in the right column. The list may be further filtered by clicking on additional tags:&lt;/p&gt;
&lt;p&gt;Alternately, to see a list of all available tags, click the tags dropdown menu. All tags will be shown, and when a tag is selected, the dashboard search will be instantly filtered:&lt;/p&gt;
&lt;p&gt;When using only a keyboard: &lt;code&gt;tab&lt;/code&gt; to focus on the &lt;em&gt;tags&lt;/em&gt; link, &lt;code&gt;▼&lt;/code&gt; down arrow key to find a tag and select with the &lt;code&gt;Enter&lt;/code&gt; key.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; When multiple tags are selected, Grafana will show dashboards that include &lt;strong&gt;all&lt;/strong&gt;.&lt;/p&gt;&lt;/blockquote&gt;
]]></content><description>&lt;h1 id="dashboard-search">Dashboard Search&lt;/h1>
&lt;p>Dashboards can be searched by the dashboard name, filtered by one (or many) tags or filtered by starred status. The dashboard search is accessed through the dashboard picker, available in the dashboard top nav area. The dashboard search can also be opened by using the shortcut &lt;code>F&lt;/code>.&lt;/p></description></item><item><title>Keyboard shortcuts</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/shortcuts/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/shortcuts/</guid><content><![CDATA[&lt;h1 id=&#34;keyboard-shortcuts&#34;&gt;Keyboard shortcuts&lt;/h1&gt;
&lt;p&gt;Grafana has a number of keyboard shortcuts available. Press &lt;code&gt;?&lt;/code&gt; or &lt;code&gt;h&lt;/code&gt; on your keyboard to display all keyboard shortcuts available in your version of Grafana.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Popular shortcuts:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Ctrl&#43;S saves the current dashboard.&lt;/li&gt;
&lt;li&gt;Ctrl&#43;F opens the dashboard finder / search.&lt;/li&gt;
&lt;li&gt;Ctrl&#43;H hides all controls (good for tv displays).&lt;/li&gt;
&lt;li&gt;Press Escape to exit graph when in fullscreen or edit mode.&lt;/li&gt;
&lt;/ul&gt;
]]></content><description>&lt;h1 id="keyboard-shortcuts">Keyboard shortcuts&lt;/h1>
&lt;p>Grafana has a number of keyboard shortcuts available. Press &lt;code>?&lt;/code> or &lt;code>h&lt;/code> on your keyboard to display all keyboard shortcuts available in your version of Grafana.&lt;/p></description></item><item><title>Reporting</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/reporting/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/reporting/</guid><content><![CDATA[&lt;h1 id=&#34;reporting&#34;&gt;Reporting&lt;/h1&gt;
&lt;p&gt;Reporting allows you to generate PDFs from any of your dashboards and have them sent out to interested parties on a schedule.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 500px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/enterprise/reports_list.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/enterprise/reports_list.png&#34;data-srcset=&#34;/static/img/docs/enterprise/reports_list.png?w=320 320w, /static/img/docs/enterprise/reports_list.png?w=550 550w, /static/img/docs/enterprise/reports_list.png?w=750 750w, /static/img/docs/enterprise/reports_list.png?w=900 900w, /static/img/docs/enterprise/reports_list.png?w=1040 1040w, /static/img/docs/enterprise/reports_list.png?w=1240 1240w, /static/img/docs/enterprise/reports_list.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1488&#34;height=&#34;572&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/enterprise/reports_list.png&#34;
            alt=&#34;&#34;width=&#34;1488&#34;height=&#34;572&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;blockquote&gt;
&lt;p&gt;Reporting is only available in Grafana Enterprise, v6.4 or later. For more information, refer to &lt;a href=&#34;../../enterprise/reporting/&#34;&gt;Reporting&lt;/a&gt; in &lt;a href=&#34;../../enterprise/&#34;&gt;Grafana Enterprise&lt;/a&gt;.&lt;/p&gt;&lt;/blockquote&gt;
]]></content><description>&lt;h1 id="reporting">Reporting&lt;/h1>
&lt;p>Reporting allows you to generate PDFs from any of your dashboards and have them sent out to interested parties on a schedule.&lt;/p>
&lt;figure
class="figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow"
style="max-width: 500px;"
itemprop="associatedMedia"
itemscope=""
itemtype="http://schema.org/ImageObject"
>&lt;a
class="lightbox-link"
href="/static/img/docs/enterprise/reports_list.png"
itemprop="contentUrl"
>&lt;div class="img-wrapper w-100p h-auto">&lt;img
class="lazyload "
data-src="/static/img/docs/enterprise/reports_list.png"data-srcset="/static/img/docs/enterprise/reports_list.png?w=320 320w, /static/img/docs/enterprise/reports_list.png?w=550 550w, /static/img/docs/enterprise/reports_list.png?w=750 750w, /static/img/docs/enterprise/reports_list.png?w=900 900w, /static/img/docs/enterprise/reports_list.png?w=1040 1040w, /static/img/docs/enterprise/reports_list.png?w=1240 1240w, /static/img/docs/enterprise/reports_list.png?w=1920 1920w"data-sizes="auto"alt=""width="1488"height="572"/>
&lt;noscript>
&lt;img
src="/static/img/docs/enterprise/reports_list.png"
alt=""width="1488"height="572"class="docs-image--no-shadow"/>
&lt;/noscript>&lt;/div>&lt;/a>&lt;/figure>
&lt;blockquote>
&lt;p>Reporting is only available in Grafana Enterprise, v6.4 or later. For more information, refer to &lt;a href="../../enterprise/reporting/">Reporting&lt;/a> in &lt;a href="../../enterprise/">Grafana Enterprise&lt;/a>.&lt;/p></description></item><item><title>Time range controls</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/time-range-controls/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/time-range-controls/</guid><content><![CDATA[&lt;h1 id=&#34;time-range-controls&#34;&gt;Time range controls&lt;/h1&gt;
&lt;p&gt;Grafana provides several ways to manage the time ranges of the data being visualized, for dashboard, panels and also for alerting.&lt;/p&gt;
&lt;p&gt;This page describes supported time units and relative ranges, the common time controls, dashboard-wide time settings, and panel-specific time settings.&lt;/p&gt;
&lt;h2 id=&#34;time-units-and-relative-ranges&#34;&gt;Time units and relative ranges&lt;/h2&gt;
&lt;p&gt;The following time units are supported: &lt;code&gt;s (seconds)&lt;/code&gt;, &lt;code&gt;m (minutes)&lt;/code&gt;, &lt;code&gt;h (hours)&lt;/code&gt;, &lt;code&gt;d (days)&lt;/code&gt;, &lt;code&gt;w (weeks)&lt;/code&gt;, &lt;code&gt;M (months)&lt;/code&gt;, &lt;code&gt;Q (quarters)&lt;/code&gt; and &lt;code&gt;y (years)&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;The minus operator allows you to step back in time, relative to now. If you wish to display the full period of the unit (day, week, month, etc&amp;hellip;), append &lt;code&gt;/&amp;lt;time unit&amp;gt;&lt;/code&gt; to the end. To view fiscal periods, use &lt;code&gt;fQ (fiscal quarter)&lt;/code&gt; and &lt;code&gt;fy (fiscal year)&lt;/code&gt; time units.&lt;/p&gt;
&lt;p&gt;The plus operator allows you to step forward in time relative to now. You might use this feature to look at predicted data in the future, for example.&lt;/p&gt;
&lt;p&gt;Here are some examples:&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Example relative range&lt;/th&gt;
              &lt;th&gt;From:&lt;/th&gt;
              &lt;th&gt;To:&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Last 5 minutes&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now-5m&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;The day so far&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/d&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;This week&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/w&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/w&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;This week so far&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/w&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;This month&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/M&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/M&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;This month so far&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/M&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Previous Month&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now-1M/M&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now-1M/M&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;This year so far&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/Y&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;This Year&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/Y&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now/Y&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Previous fiscal year&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now-1y/fy&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;now-1y/fy&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;note-about-grafana-alerting&#34;&gt;Note about Grafana alerting&lt;/h3&gt;
&lt;p&gt;For Grafana alerting, we do not support the following syntaxes at this time.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;now&#43;n for future timestamps.&lt;/li&gt;
&lt;li&gt;now-1n/n for &amp;ldquo;start of n until end of n&amp;rdquo; since this is an absolute timestamp.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;common-time-range-controls&#34;&gt;Common time range controls&lt;/h2&gt;
&lt;p&gt;The dashboard and panel time controls have a common user interface (UI).&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/time-range-controls/common-time-controls-7-0.png&#34; max-width=&#34;700px&#34;&gt;
&lt;p&gt;The options are defined below.&lt;/p&gt;
&lt;h3 id=&#34;current-time-range&#34;&gt;Current time range&lt;/h3&gt;
&lt;p&gt;The current time range, also called the &lt;em&gt;time picker&lt;/em&gt;, shows the time range currently displayed in the dashboard or panel you are viewing.&lt;/p&gt;
&lt;p&gt;Hover your cursor over the field to see the exact time stamps in the range and their source (such as the local browser).&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/time-range-controls/time-picker-7-0.png&#34; max-width=&#34;300px&#34;&gt;
&lt;p&gt;Click on the current time range to change the time range. You can change the current time using a &lt;em&gt;relative time range&lt;/em&gt;, such as the last 15 minutes, or an &lt;em&gt;absolute time range&lt;/em&gt;, such as &lt;code&gt;2020-05-14 00:00:00 to 2020-05-15 23:59:59&lt;/code&gt;.&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/time-range-controls/change-current-time-range-7-0.png&#34; max-width=&#34;900px&#34;&gt;
&lt;h3 id=&#34;relative-time-range&#34;&gt;Relative time range&lt;/h3&gt;
&lt;p&gt;Select the relative time range from the &lt;strong&gt;Relative time ranges&lt;/strong&gt; list. You can filter the list using the input field at the top. Some examples of time ranges are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Last 30 minutes&lt;/li&gt;
&lt;li&gt;Last 12 hours&lt;/li&gt;
&lt;li&gt;Last 7 days&lt;/li&gt;
&lt;li&gt;Last 2 years&lt;/li&gt;
&lt;li&gt;Yesterday&lt;/li&gt;
&lt;li&gt;Day before yesterday&lt;/li&gt;
&lt;li&gt;This day last week&lt;/li&gt;
&lt;li&gt;Today so far&lt;/li&gt;
&lt;li&gt;This week so far&lt;/li&gt;
&lt;li&gt;This month so far&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;absolute-time-range&#34;&gt;Absolute time range&lt;/h3&gt;
&lt;p&gt;Set an absolute time range one of two ways:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Type values into the &lt;strong&gt;From&lt;/strong&gt; and &lt;strong&gt;To&lt;/strong&gt; fields. You can type exact time values or relative values, such as &lt;code&gt;now-24h&lt;/code&gt;, and then click &lt;strong&gt;Apply time range&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click in the &lt;strong&gt;From&lt;/strong&gt; or &lt;strong&gt;To&lt;/strong&gt; field. Grafana displays a calendar. Click the day or days you want to use as the current time range and then click &lt;strong&gt;Apply time range&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This section also displays recently used absolute ranges.&lt;/p&gt;
&lt;h3 id=&#34;zoom-out-cmdz-or-ctrlz&#34;&gt;Zoom out (Cmd&#43;Z or Ctrl&#43;Z)&lt;/h3&gt;
&lt;p&gt;Click the &lt;strong&gt;Zoom out&lt;/strong&gt; icon to view a larger time range in the dashboard or panel visualization.&lt;/p&gt;
&lt;h3 id=&#34;zoom-in-only-applicable-to-graph-visualizations&#34;&gt;Zoom in (only applicable to graph visualizations)&lt;/h3&gt;
&lt;p&gt;Click and drag to select the time range in the visualization that you want to view.&lt;/p&gt;
&lt;h3 id=&#34;refresh-dashboard&#34;&gt;Refresh dashboard&lt;/h3&gt;
&lt;p&gt;Click the &lt;strong&gt;Refresh dashboard&lt;/strong&gt; icon to immediately run every query on the dashboard and refresh the visualizations. Grafana cancels any pending requests when a new refresh is triggered.&lt;/p&gt;
&lt;p&gt;By default, Grafana does not automatically refresh the dashboard. Queries run on their own schedule according to the panel settings. However, if you want to regularly refresh the dashboard, then click the down arrow next to the &lt;strong&gt;Refresh dashboard&lt;/strong&gt; icon and then select a refresh interval.&lt;/p&gt;
&lt;h2 id=&#34;dashboard-time-settings&#34;&gt;Dashboard time settings&lt;/h2&gt;
&lt;p&gt;Time settings are saved on a per-dashboard basis.&lt;/p&gt;
&lt;p&gt;You can change the &lt;strong&gt;Timezone&lt;/strong&gt; and &lt;strong&gt;fiscal year&lt;/strong&gt; settings from the time range controls by clicking the &lt;strong&gt;Change time settings&lt;/strong&gt; button.&lt;/p&gt;
&lt;p&gt;For more advanced time settings, click the &lt;strong&gt;Dashboard settings&lt;/strong&gt; (gear) icon at the top of the UI. Then navigate to the &lt;strong&gt;Time Options&lt;/strong&gt; section of the General tab.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Timezone -&lt;/strong&gt; Specify the local time zone of the service or system that you are monitoring. This can be helpful when monitoring a system or service that operates across several time zones.
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Default -&lt;/strong&gt; The default selected time zone for the user profile, team, or organization is used. If no time zone is specified for the user profile, a team the user is a member of, or the organization, then Grafana uses local browser time.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Local browser time -&lt;/strong&gt; The time zone configured for the viewing user browser is used. This is usually the same time zone as set on the computer.&lt;/li&gt;
&lt;li&gt;Standard &lt;a href=&#34;https://en.wikipedia.org/wiki/List_of_tz_database_time_zones&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;ISO 8601 time zones&lt;/a&gt;, including UTC.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Auto-refresh -&lt;/strong&gt; Customize the options displayed for relative time and the auto-refresh options. Entries are comma separated and accept any valid time unit.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Now delay -&lt;/strong&gt; Override the &lt;code&gt;now&lt;/code&gt; time by entering a time delay. Use this option to accommodate known delays in data aggregation to avoid null values.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Hide time picker -&lt;/strong&gt; Select this option if you do not want Grafana to display the time picker.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;panel-time-overrides-and-timeshift&#34;&gt;Panel time overrides and timeshift&lt;/h2&gt;
&lt;p&gt;In &lt;a href=&#34;../../panels/reference-query-options/&#34;&gt;Query options&lt;/a&gt;, you can override the relative time range for individual panels, causing them to be different than what is selected in the dashboard time picker in the upper right. This allows you to show metrics from different time periods or days at the same time.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; Panel time overrides have no effect when the time range for the dashboard is absolute.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h2 id=&#34;control-the-time-range-using-a-url&#34;&gt;Control the time range using a URL&lt;/h2&gt;
&lt;p&gt;Time range of a dashboard can be controlled by providing following query parameters in the dashboard URL:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;from&lt;/code&gt; - defines lower limit of the time range, specified in ms epoch or &lt;a href=&#34;#relative-time-range&#34;&gt;relative time&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;to&lt;/code&gt; - defines upper limit of the time range, specified in ms epoch or &lt;a href=&#34;#relative-time-range&#34;&gt;relative time&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;time&lt;/code&gt; and &lt;code&gt;time.window&lt;/code&gt; - defines a time range from &lt;code&gt;time-time.window/2&lt;/code&gt; to &lt;code&gt;time&#43;time.window/2&lt;/code&gt;. Both params should be specified in ms. For example &lt;code&gt;?time=1500000000000&amp;amp;time.window=10000&lt;/code&gt; will result in 10s time range from 1499999995000 to 1500000005000&lt;/li&gt;
&lt;/ul&gt;
]]></content><description>&lt;h1 id="time-range-controls">Time range controls&lt;/h1>
&lt;p>Grafana provides several ways to manage the time ranges of the data being visualized, for dashboard, panels and also for alerting.&lt;/p>
&lt;p>This page describes supported time units and relative ranges, the common time controls, dashboard-wide time settings, and panel-specific time settings.&lt;/p></description></item><item><title>Dashboard version history</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard_history/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/dashboard_history/</guid><content><![CDATA[&lt;h1 id=&#34;dashboard-version-history&#34;&gt;Dashboard version history&lt;/h1&gt;
&lt;p&gt;Whenever you save a version of your dashboard, a copy of that version is saved so that previous versions of your dashboard are never lost. A list of these versions is available by entering the dashboard settings and then selecting &amp;ldquo;Versions&amp;rdquo; in the left side menu.&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/v50/dashboard_versions_list.png&#34;&gt;
&lt;p&gt;The dashboard version history feature lets you compare and restore to previously saved dashboard versions.&lt;/p&gt;
&lt;h2 id=&#34;comparing-two-dashboard-versions&#34;&gt;Comparing two dashboard versions&lt;/h2&gt;
&lt;p&gt;To compare two dashboard versions, select the two versions from the list that you wish to compare. Once selected, the &amp;ldquo;Compare versions&amp;rdquo; button will become clickable. Click the button to view the diff between the two versions.&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/v50/dashboard_versions_select.png&#34;&gt;
&lt;p&gt;Upon clicking the button, you&amp;rsquo;ll be brought to the diff view. By default, you&amp;rsquo;ll see a textual summary of the changes, like in the image below.&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/v50/dashboard_versions_diff_basic.png&#34;&gt;
&lt;p&gt;If you want to view the diff of the raw JSON that represents your dashboard, you can do that as well by clicking the &amp;ldquo;View JSON Diff&amp;rdquo; button at the bottom.&lt;/p&gt;
&lt;p&gt;If you want to restore to the version you are diffing against, you can do so by clicking the &amp;ldquo;Restore to version &amp;lt;x&amp;gt;&amp;rdquo; button in the top right.&lt;/p&gt;
&lt;h2 id=&#34;restoring-to-a-previously-saved-dashboard-version&#34;&gt;Restoring to a previously saved dashboard version&lt;/h2&gt;
&lt;p&gt;If you need to restore to a previously saved dashboard version, you can do so by either clicking the &amp;ldquo;Restore&amp;rdquo; button on the right of a row in the dashboard version list, or by clicking the &amp;ldquo;Restore to version &amp;lt;x&amp;gt;&amp;rdquo; button appearing in the diff view. Clicking the button will bring up the following popup prompting you to confirm the restoration.&lt;/p&gt;
&lt;img class=&#34;no-shadow&#34; src=&#34;/static/img/docs/v50/dashboard_versions_restore.png&#34;&gt;
&lt;p&gt;After restoring to a previous version, a new version will be created containing the same exact data as the previous version, only with a different version number. This is indicated in the &amp;ldquo;Notes column&amp;rdquo; for the row in the new dashboard version. This is done simply to ensure your previous dashboard versions are not affected by the change.&lt;/p&gt;
]]></content><description>&lt;h1 id="dashboard-version-history">Dashboard version history&lt;/h1>
&lt;p>Whenever you save a version of your dashboard, a copy of that version is saved so that previous versions of your dashboard are never lost. A list of these versions is available by entering the dashboard settings and then selecting &amp;ldquo;Versions&amp;rdquo; in the left side menu.&lt;/p></description></item><item><title>Export and import</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/export-import/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/export-import/</guid><content><![CDATA[&lt;h1 id=&#34;export-and-import&#34;&gt;Export and import&lt;/h1&gt;
&lt;p&gt;Grafana Dashboards can easily be exported and imported, either from the UI or from the &lt;a href=&#34;../../http_api/dashboard/#create-update-dashboard&#34;&gt;HTTP API&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;exporting-a-dashboard&#34;&gt;Exporting a dashboard&lt;/h2&gt;
&lt;p&gt;Dashboards are exported in Grafana JSON format, and contain everything you need (layout, variables, styles, data sources, queries, etc) to import the dashboard at a later time.&lt;/p&gt;
&lt;p&gt;The export feature is accessed in the share window which you open by clicking the share button in the dashboard menu.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 800px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/export/export-modal.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/export/export-modal.png&#34;data-srcset=&#34;/static/img/docs/export/export-modal.png?w=320 320w, /static/img/docs/export/export-modal.png?w=550 550w, /static/img/docs/export/export-modal.png?w=750 750w, /static/img/docs/export/export-modal.png?w=900 900w, /static/img/docs/export/export-modal.png?w=1040 1040w, /static/img/docs/export/export-modal.png?w=1240 1240w, /static/img/docs/export/export-modal.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;753&#34;height=&#34;254&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/export/export-modal.png&#34;
            alt=&#34;&#34;width=&#34;753&#34;height=&#34;254&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;making-a-dashboard-portable&#34;&gt;Making a dashboard portable&lt;/h3&gt;
&lt;p&gt;If you want to export a dashboard for others to use then it could be a good idea to
add template variables for things like a metric prefix (use constant variable) and server name.&lt;/p&gt;
&lt;p&gt;A template variable of the type &lt;code&gt;Constant&lt;/code&gt; will automatically be hidden in
the dashboard, and will also be added as a required input when the dashboard is imported.&lt;/p&gt;
&lt;h2 id=&#34;import-dashboard&#34;&gt;Import dashboard&lt;/h2&gt;
&lt;p&gt;To import a dashboard click the &#43; icon in the side menu, and then click &lt;strong&gt;Import&lt;/strong&gt;.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 700px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/v70/import_step1.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/v70/import_step1.png&#34;data-srcset=&#34;/static/img/docs/v70/import_step1.png?w=320 320w, /static/img/docs/v70/import_step1.png?w=550 550w, /static/img/docs/v70/import_step1.png?w=750 750w, /static/img/docs/v70/import_step1.png?w=900 900w, /static/img/docs/v70/import_step1.png?w=1040 1040w, /static/img/docs/v70/import_step1.png?w=1240 1240w, /static/img/docs/v70/import_step1.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1057&#34;height=&#34;684&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v70/import_step1.png&#34;
            alt=&#34;&#34;width=&#34;1057&#34;height=&#34;684&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;From here you can upload a dashboard JSON file, paste a &lt;a href=&#34;/&#34;&gt;Grafana.com&lt;/a&gt; dashboard
URL or paste dashboard JSON text directly into the text area.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 700px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/v70/import_step2_grafana.com.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/v70/import_step2_grafana.com.png&#34;alt=&#34;&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v70/import_step2_grafana.com.png&#34;
            alt=&#34;&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;In step 2 of the import process Grafana will let you change the name of the dashboard, pick what
data source you want the dashboard to use and specify any metric prefixes (if the dashboard use any).&lt;/p&gt;
&lt;h2 id=&#34;discover-dashboards-on-grafanacom&#34;&gt;Discover dashboards on Grafana.com&lt;/h2&gt;
&lt;p&gt;Find dashboards for common server applications at &lt;a href=&#34;/dashboards&#34;&gt;Grafana.com/dashboards&lt;/a&gt;.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p &#34;
    style=&#34;max-width: 700px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link&#34;
        href=&#34;/static/img/docs/v50/gcom_dashboard_list.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload &#34;
          data-src=&#34;/static/img/docs/v50/gcom_dashboard_list.png&#34;data-srcset=&#34;/static/img/docs/v50/gcom_dashboard_list.png?w=320 320w, /static/img/docs/v50/gcom_dashboard_list.png?w=550 550w, /static/img/docs/v50/gcom_dashboard_list.png?w=750 750w, /static/img/docs/v50/gcom_dashboard_list.png?w=900 900w, /static/img/docs/v50/gcom_dashboard_list.png?w=1040 1040w, /static/img/docs/v50/gcom_dashboard_list.png?w=1240 1240w, /static/img/docs/v50/gcom_dashboard_list.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;2850&#34;height=&#34;1652&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v50/gcom_dashboard_list.png&#34;
            alt=&#34;&#34;width=&#34;2850&#34;height=&#34;1652&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;import-and-sharing-with-grafana-2x-or-30&#34;&gt;Import and sharing with Grafana 2.x or 3.0&lt;/h2&gt;
&lt;p&gt;Dashboards on Grafana.com use a new feature in Grafana 3.1 that allows the import process
to update each panel so that they are using a data source of your choice. If you are running a
Grafana version older than 3.1 then you might need to do some manual steps either
before or after import in order for the dashboard to work properly.&lt;/p&gt;
&lt;p&gt;Dashboards exported from Grafana 3.1&#43; have a new json section &lt;code&gt;__inputs&lt;/code&gt;
that define what data sources and metric prefixes the dashboard uses.&lt;/p&gt;
&lt;p&gt;Example:&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;JSON&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-json&#34;&gt;{
  &amp;#34;__inputs&amp;#34;: [
    {
      &amp;#34;name&amp;#34;: &amp;#34;DS_GRAPHITE&amp;#34;,
      &amp;#34;label&amp;#34;: &amp;#34;graphite&amp;#34;,
      &amp;#34;description&amp;#34;: &amp;#34;&amp;#34;,
      &amp;#34;type&amp;#34;: &amp;#34;datasource&amp;#34;,
      &amp;#34;pluginId&amp;#34;: &amp;#34;graphite&amp;#34;,
      &amp;#34;pluginName&amp;#34;: &amp;#34;Graphite&amp;#34;
    },
    {
      &amp;#34;name&amp;#34;: &amp;#34;VAR_PREFIX&amp;#34;,
      &amp;#34;type&amp;#34;: &amp;#34;constant&amp;#34;,
      &amp;#34;label&amp;#34;: &amp;#34;prefix&amp;#34;,
      &amp;#34;value&amp;#34;: &amp;#34;collectd&amp;#34;,
      &amp;#34;description&amp;#34;: &amp;#34;&amp;#34;
    }
  ]
}&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;These are then referenced in the dashboard panels like this:&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;JSON&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-json&#34;&gt;{
  &amp;#34;rows&amp;#34;: [
    {
      &amp;#34;panels&amp;#34;: [
        {
          &amp;#34;type&amp;#34;: &amp;#34;graph&amp;#34;,
          &amp;#34;datasource&amp;#34;: &amp;#34;${DS_GRAPHITE}&amp;#34;
        }
      ]
    }
  ]
}&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;These inputs and their usage in data source properties are automatically added during export in Grafana 3.1.
If you run an older version of Grafana and want to share a dashboard on Grafana.com you need to manually
add the inputs and templatize the data source properties like above.&lt;/p&gt;
&lt;p&gt;If you want to import a dashboard from Grafana.com into an older version of Grafana then you can either import
it as usual and then update the data source option in the metrics tab so that the panel is using the correct
data source. Another alternative is to open the json file in a text editor and update the data source properties
to value that matches a name of your data source.&lt;/p&gt;
&lt;h2 id=&#34;note&#34;&gt;Note&lt;/h2&gt;
&lt;p&gt;In Grafana v5.3.4&#43; the export modal has new checkbox for sharing for external use (other instances). If the checkbox is not checked then the &lt;code&gt;__inputs&lt;/code&gt; section will not be included in the exported JSON file.&lt;/p&gt;
]]></content><description>&lt;h1 id="export-and-import">Export and import&lt;/h1>
&lt;p>Grafana Dashboards can easily be exported and imported, either from the UI or from the &lt;a href="../../http_api/dashboard/#create-update-dashboard">HTTP API&lt;/a>.&lt;/p>
&lt;h2 id="exporting-a-dashboard">Exporting a dashboard&lt;/h2>
&lt;p>Dashboards are exported in Grafana JSON format, and contain everything you need (layout, variables, styles, data sources, queries, etc) to import the dashboard at a later time.&lt;/p></description></item><item><title>JSON model</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/json-model/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/json-model/</guid><content><![CDATA[&lt;h1 id=&#34;dashboard-json-model&#34;&gt;Dashboard JSON model&lt;/h1&gt;
&lt;p&gt;A dashboard in Grafana is represented by a JSON object, which stores metadata of its dashboard. Dashboard metadata includes dashboard properties, metadata from panels, template variables, panel queries, etc.&lt;/p&gt;
&lt;p&gt;To view the JSON of a dashboard:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Navigate to a dashboard.&lt;/li&gt;
&lt;li&gt;In the top navigation menu, click the &lt;strong&gt;Dashboard settings&lt;/strong&gt; (gear) icon.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;JSON Model&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;json-fields&#34;&gt;JSON fields&lt;/h2&gt;
&lt;p&gt;When a user creates a new dashboard, a new dashboard JSON object is initialized with the following fields:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; In the following JSON, id is shown as null which is the default value assigned to it until a dashboard is saved. Once a dashboard is saved, an integer value is assigned to the &lt;code&gt;id&lt;/code&gt; field.&lt;/p&gt;&lt;/blockquote&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;JSON&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-json&#34;&gt;{
  &amp;#34;id&amp;#34;: null,
  &amp;#34;uid&amp;#34;: &amp;#34;cLV5GDCkz&amp;#34;,
  &amp;#34;title&amp;#34;: &amp;#34;New dashboard&amp;#34;,
  &amp;#34;tags&amp;#34;: [],
  &amp;#34;style&amp;#34;: &amp;#34;dark&amp;#34;,
  &amp;#34;timezone&amp;#34;: &amp;#34;browser&amp;#34;,
  &amp;#34;editable&amp;#34;: true,
  &amp;#34;hideControls&amp;#34;: false,
  &amp;#34;graphTooltip&amp;#34;: 1,
  &amp;#34;panels&amp;#34;: [],
  &amp;#34;time&amp;#34;: {
    &amp;#34;from&amp;#34;: &amp;#34;now-6h&amp;#34;,
    &amp;#34;to&amp;#34;: &amp;#34;now&amp;#34;
  },
  &amp;#34;timepicker&amp;#34;: {
    &amp;#34;time_options&amp;#34;: [],
    &amp;#34;refresh_intervals&amp;#34;: []
  },
  &amp;#34;templating&amp;#34;: {
    &amp;#34;list&amp;#34;: []
  },
  &amp;#34;annotations&amp;#34;: {
    &amp;#34;list&amp;#34;: []
  },
  &amp;#34;refresh&amp;#34;: &amp;#34;5s&amp;#34;,
  &amp;#34;schemaVersion&amp;#34;: 17,
  &amp;#34;version&amp;#34;: 0,
  &amp;#34;links&amp;#34;: []
}&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Each field in the dashboard JSON is explained below with its usage:&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Usage&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;id&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;unique numeric identifier for the dashboard. (generated by the db)&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;uid&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;unique dashboard identifier that can be generated by anyone. string (8-40)&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;title&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;current title of dashboard&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;tags&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;tags associated with dashboard, an array of strings&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;style&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;theme of dashboard, i.e. &lt;code&gt;dark&lt;/code&gt; or &lt;code&gt;light&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;timezone&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;timezone of dashboard, i.e. &lt;code&gt;utc&lt;/code&gt; or &lt;code&gt;browser&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;editable&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;whether a dashboard is editable or not&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;graphTooltip&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;0 for no shared crosshair or tooltip (default), 1 for shared crosshair, 2 for shared crosshair AND shared tooltip&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;time&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;time range for dashboard, i.e. last 6 hours, last 7 days, etc&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;timepicker&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;timepicker metadata, see &lt;a href=&#34;#timepicker&#34;&gt;timepicker section&lt;/a&gt; for details&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;templating&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;templating metadata, see &lt;a href=&#34;#templating&#34;&gt;templating section&lt;/a&gt; for details&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;annotations&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;annotations metadata, see &lt;a href=&#34;#annotations&#34;&gt;annotations section&lt;/a&gt; for details&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;refresh&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;auto-refresh interval&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;schemaVersion&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;version of the JSON schema (integer), incremented each time a Grafana update brings changes to said schema&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;version&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;version of the dashboard (integer), incremented each time the dashboard is updated&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;panels&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;panels array, see below for detail.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h2 id=&#34;panels&#34;&gt;Panels&lt;/h2&gt;
&lt;p&gt;Panels are the building blocks of a dashboard. It consists of data source queries, type of graphs, aliases, etc. Panel JSON consists of an array of JSON objects, each representing a different panel. Most of the fields are common for all panels but some fields depend on the panel type. Following is an example of panel JSON of a text panel.&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;JSON&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-json&#34;&gt;&amp;#34;panels&amp;#34;: [
  {
    &amp;#34;type&amp;#34;: &amp;#34;text&amp;#34;,
    &amp;#34;title&amp;#34;: &amp;#34;Panel Title&amp;#34;,
    &amp;#34;gridPos&amp;#34;: {
      &amp;#34;x&amp;#34;: 0,
      &amp;#34;y&amp;#34;: 0,
      &amp;#34;w&amp;#34;: 12,
      &amp;#34;h&amp;#34;: 9
    },
    &amp;#34;id&amp;#34;: 4,
    &amp;#34;mode&amp;#34;: &amp;#34;markdown&amp;#34;,
    &amp;#34;content&amp;#34;: &amp;#34;# title&amp;#34;
  }&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h3 id=&#34;panel-size-and-position&#34;&gt;Panel size and position&lt;/h3&gt;
&lt;p&gt;The gridPos property describes the panel size and position in grid coordinates.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;w&lt;/code&gt; 1-24 (the width of the dashboard is divided into 24 columns)&lt;/li&gt;
&lt;li&gt;&lt;code&gt;h&lt;/code&gt; In grid height units, each represents 30 pixels.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;x&lt;/code&gt; The x position, in same unit as &lt;code&gt;w&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;y&lt;/code&gt; The y position, in same unit as &lt;code&gt;h&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The grid has a negative gravity that moves panels up if there is empty space above a panel.&lt;/p&gt;
&lt;h3 id=&#34;timepicker&#34;&gt;timepicker&lt;/h3&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;JSON&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-json&#34;&gt;&amp;#34;timepicker&amp;#34;: {
    &amp;#34;collapse&amp;#34;: false,
    &amp;#34;enable&amp;#34;: true,
    &amp;#34;notice&amp;#34;: false,
    &amp;#34;now&amp;#34;: true,
    &amp;#34;refresh_intervals&amp;#34;: [
      &amp;#34;5s&amp;#34;,
      &amp;#34;10s&amp;#34;,
      &amp;#34;30s&amp;#34;,
      &amp;#34;1m&amp;#34;,
      &amp;#34;5m&amp;#34;,
      &amp;#34;15m&amp;#34;,
      &amp;#34;30m&amp;#34;,
      &amp;#34;1h&amp;#34;,
      &amp;#34;2h&amp;#34;,
      &amp;#34;1d&amp;#34;
    ],
    &amp;#34;status&amp;#34;: &amp;#34;Stable&amp;#34;,
    &amp;#34;type&amp;#34;: &amp;#34;timepicker&amp;#34;
  }&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Usage of the fields is explained below:&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Usage&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;collapse&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;whether timepicker is collapsed or not&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;enable&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;whether timepicker is enabled or not&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;notice&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;TODO&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;now&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;TODO&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;refresh_intervals&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;TODO&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;status&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;TODO&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;type&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;TODO&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;templating&#34;&gt;templating&lt;/h3&gt;
&lt;p&gt;The &lt;code&gt;templating&lt;/code&gt; field contains an array of template variables with their saved values along with some other metadata, for example:&lt;/p&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;JSON&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-json&#34;&gt; &amp;#34;templating&amp;#34;: {
    &amp;#34;enable&amp;#34;: true,
    &amp;#34;list&amp;#34;: [
      {
        &amp;#34;allFormat&amp;#34;: &amp;#34;wildcard&amp;#34;,
        &amp;#34;current&amp;#34;: {
          &amp;#34;tags&amp;#34;: [],
          &amp;#34;text&amp;#34;: &amp;#34;prod&amp;#34;,
          &amp;#34;value&amp;#34;: &amp;#34;prod&amp;#34;
        },
        &amp;#34;datasource&amp;#34;: null,
        &amp;#34;includeAll&amp;#34;: true,
        &amp;#34;name&amp;#34;: &amp;#34;env&amp;#34;,
        &amp;#34;options&amp;#34;: [
          {
            &amp;#34;selected&amp;#34;: false,
            &amp;#34;text&amp;#34;: &amp;#34;All&amp;#34;,
            &amp;#34;value&amp;#34;: &amp;#34;*&amp;#34;
          },
          {
            &amp;#34;selected&amp;#34;: false,
            &amp;#34;text&amp;#34;: &amp;#34;stage&amp;#34;,
            &amp;#34;value&amp;#34;: &amp;#34;stage&amp;#34;
          },
          {
            &amp;#34;selected&amp;#34;: false,
            &amp;#34;text&amp;#34;: &amp;#34;test&amp;#34;,
            &amp;#34;value&amp;#34;: &amp;#34;test&amp;#34;
          }
        ],
        &amp;#34;query&amp;#34;: &amp;#34;tag_values(cpu.utilization.average,env)&amp;#34;,
        &amp;#34;refresh&amp;#34;: false,
        &amp;#34;type&amp;#34;: &amp;#34;query&amp;#34;
      },
      {
        &amp;#34;allFormat&amp;#34;: &amp;#34;wildcard&amp;#34;,
        &amp;#34;current&amp;#34;: {
          &amp;#34;text&amp;#34;: &amp;#34;apache&amp;#34;,
          &amp;#34;value&amp;#34;: &amp;#34;apache&amp;#34;
        },
        &amp;#34;datasource&amp;#34;: null,
        &amp;#34;includeAll&amp;#34;: false,
        &amp;#34;multi&amp;#34;: false,
        &amp;#34;multiFormat&amp;#34;: &amp;#34;glob&amp;#34;,
        &amp;#34;name&amp;#34;: &amp;#34;app&amp;#34;,
        &amp;#34;options&amp;#34;: [
          {
            &amp;#34;selected&amp;#34;: true,
            &amp;#34;text&amp;#34;: &amp;#34;tomcat&amp;#34;,
            &amp;#34;value&amp;#34;: &amp;#34;tomcat&amp;#34;
          },
          {
            &amp;#34;selected&amp;#34;: false,
            &amp;#34;text&amp;#34;: &amp;#34;cassandra&amp;#34;,
            &amp;#34;value&amp;#34;: &amp;#34;cassandra&amp;#34;
          }
        ],
        &amp;#34;query&amp;#34;: &amp;#34;tag_values(cpu.utilization.average,app)&amp;#34;,
        &amp;#34;refresh&amp;#34;: false,
        &amp;#34;regex&amp;#34;: &amp;#34;&amp;#34;,
        &amp;#34;type&amp;#34;: &amp;#34;query&amp;#34;
      }
    ]
  }&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Usage of the above mentioned fields in the templating section is explained below:&lt;/p&gt;
&lt;section class=&#34;expand-table-wrapper&#34;&gt;&lt;div class=&#34;button-div&#34;&gt;
      &lt;button class=&#34;expand-table-btn&#34;&gt;Expand table&lt;/button&gt;
    &lt;/div&gt;&lt;div class=&#34;responsive-table-wrapper&#34;&gt;
    &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Usage&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;enable&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;whether templating is enabled or not&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;list&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;an array of objects each representing one template variable&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;allFormat&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;format to use while fetching all values from data source, eg: &lt;code&gt;wildcard&lt;/code&gt;, &lt;code&gt;glob&lt;/code&gt;, &lt;code&gt;regex&lt;/code&gt;, &lt;code&gt;pipe&lt;/code&gt;, etc.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;current&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;shows current selected variable text/value on the dashboard&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;data source&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;shows data source for the variables&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;includeAll&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;whether all value option is available or not&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;multi&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;whether multiple values can be selected or not from variable value list&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;multiFormat&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;format to use while fetching timeseries from data source&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;name&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;name of variable&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;options&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;array of variable text/value pairs available for selection on dashboard&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;query&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;data source query used to fetch values for a variable&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;refresh&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;TODO&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;regex&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;TODO&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;type&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;type of variable, i.e. &lt;code&gt;custom&lt;/code&gt;, &lt;code&gt;query&lt;/code&gt; or &lt;code&gt;interval&lt;/code&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h1 id="dashboard-json-model">Dashboard JSON model&lt;/h1>
&lt;p>A dashboard in Grafana is represented by a JSON object, which stores metadata of its dashboard. Dashboard metadata includes dashboard properties, metadata from panels, template variables, panel queries, etc.&lt;/p></description></item><item><title>Scripted dashboards</title><link>https://grafana.com/docs/grafana/v8.4/dashboards/scripted-dashboards/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/dashboards/scripted-dashboards/</guid><content><![CDATA[&lt;h1 id=&#34;scripted-dashboards&#34;&gt;Scripted dashboards&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Warning:&lt;/strong&gt; This feature is deprecated and will be removed in a future release.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;If you have lots of metric names that change (new servers etc) in a defined pattern it is irritating to constantly have to create new dashboards.&lt;/p&gt;
&lt;p&gt;With scripted dashboards you can dynamically create your dashboards using javascript. In the Grafana install folder
under &lt;code&gt;public/dashboards/&lt;/code&gt; there is a file named &lt;code&gt;scripted.js&lt;/code&gt;. This file contains an example of a scripted dashboard. You can access it by using the URL:
&lt;code&gt;http://grafana_url/dashboard/script/scripted.js?rows=3&amp;amp;name=myName&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;If you open scripted.js you can see how it reads URL parameters from ARGS variable and then adds rows and panels.&lt;/p&gt;
&lt;h2 id=&#34;example&#34;&gt;Example&lt;/h2&gt;

&lt;div class=&#34;code-snippet &#34;&gt;&lt;div class=&#34;lang-toolbar&#34;&gt;
    &lt;span class=&#34;lang-toolbar__item lang-toolbar__item-active&#34;&gt;JavaScript&lt;/span&gt;
    &lt;span class=&#34;code-clipboard&#34;&gt;
      &lt;button x-data=&#34;app_code_snippet()&#34; x-init=&#34;init()&#34; @click=&#34;copy()&#34;&gt;
        &lt;img class=&#34;code-clipboard__icon&#34; src=&#34;/media/images/icons/icon-copy-small-2.svg&#34; alt=&#34;Copy code to clipboard&#34; width=&#34;14&#34; height=&#34;13&#34;&gt;
        &lt;span&gt;Copy&lt;/span&gt;
      &lt;/button&gt;
    &lt;/span&gt;
    &lt;div class=&#34;lang-toolbar__border&#34;&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;div class=&#34;code-snippet &#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-javascript&#34;&gt;var seriesName = &amp;#39;argName&amp;#39;;

if (!_.isUndefined(ARGS.name)) {
  seriesName = ARGS.name;
}

dashboard.panels.push({
  title: &amp;#39;Events&amp;#39;,
  type: &amp;#39;graph&amp;#39;,
  fill: 1,
  linewidth: 2,
  gridPos: {
    h: 10,
    w: 24,
    x: 0,
    y: 10,
  },
  targets: [
    {
      target: &amp;#34;randomWalk(&amp;#39;&amp;#34; &amp;#43; seriesName &amp;#43; &amp;#34;&amp;#39;)&amp;#34;,
    },
    {
      target: &amp;#34;randomWalk(&amp;#39;random walk2&amp;#39;)&amp;#34;,
    },
  ],
});

return dashboard;&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;h2 id=&#34;more-examples&#34;&gt;More examples&lt;/h2&gt;
&lt;p&gt;You can find more examples in &lt;code&gt;public/dashboards/&lt;/code&gt; directory of your Grafana installation.&lt;/p&gt;
]]></content><description>&lt;h1 id="scripted-dashboards">Scripted dashboards&lt;/h1>
&lt;blockquote>
&lt;p>&lt;strong>Warning:&lt;/strong> This feature is deprecated and will be removed in a future release.&lt;/p>&lt;/blockquote>
&lt;p>If you have lots of metric names that change (new servers etc) in a defined pattern it is irritating to constantly have to create new dashboards.&lt;/p></description></item></channel></rss>