<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Working with Grafana panels on Grafana Labs</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/</link><description>Recent content in Working with Grafana panels on Grafana Labs</description><generator>Hugo -- gohugo.io</generator><language>en</language><atom:link href="/docs/grafana/v8.4/panels/working-with-panels/index.xml" rel="self" type="application/rss+xml"/><item><title>Navigate the Grafana panel editor</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/navigate-panel-editor/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/navigate-panel-editor/</guid><content><![CDATA[&lt;h1 id=&#34;navigate-the-grafana-panel-editor&#34;&gt;Navigate the Grafana panel editor&lt;/h1&gt;
&lt;p&gt;This page describes the parts of the Grafana panel editor.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Panel header: The header section lists the dashboard in which the panel appears and the following controls:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Dashboard settings (gear) icon -&lt;/strong&gt; Click to access the dashboard settings.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Discard -&lt;/strong&gt; Discards changes you have made to the panel since you last saved the dashboard.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Save -&lt;/strong&gt; Saves changes you made to the panel.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Apply -&lt;/strong&gt; Applies changes you made and closes the panel editor, returning you to the dashboard. You will have to save the dashboard to persist the applied changes.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Visualization preview: The visualization preview section contains the following options:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Table view -&lt;/strong&gt; Convert any visualization to a table so that you can see the data. Table views are useful for troubleshooting.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Fill -&lt;/strong&gt; The visualization preview fills the available space. If you change the width of the side pane or height of the bottom pane the visualization changes to fill the available space.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Actual -&lt;/strong&gt; The visualization preview will have the exact size as the size on the dashboard. If not enough space is available, the visualization will scale down preserving the aspect ratio.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Time range controls -&lt;/strong&gt; For more information, refer to &lt;a href=&#34;../../../dashboards/time-range-controls/&#34;&gt;Time range controls&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Data section: The data section contains tabs where you enter queries, transform your data, and create alert rules (if applicable).&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Query tab -&lt;/strong&gt; Select your data source and enter queries here. For more information, refer to &lt;a href=&#34;../../query-a-data-source/add-a-query/&#34;&gt;Add a query&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Transform tab -&lt;/strong&gt; Apply data transformations. For more information, refer to &lt;a href=&#34;../../transform-data/&#34;&gt;Transform data&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Alert tab -&lt;/strong&gt; Write alert rules. For more information, refer to &lt;a href=&#34;../../../alerting/unified-alerting/&#34;&gt;Overview of Grafana 8 alerting&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Panel display options: The display options section contains tabs where you configure almost every aspect of your data visualization, including:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../apply-color-to-series/&#34;&gt;Apply color to series and fields&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../format-standard-fields/&#34;&gt;Format a standard field&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../add-title-and-description/&#34;&gt;Add a title and description to a panel&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;blockquote&gt;
&lt;p&gt;Not all options are available for each visualization.&lt;/p&gt;&lt;/blockquote&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1500px;&#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/panel-editor/panel-editor-8-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/panel-editor/panel-editor-8-0.png&#34;data-srcset=&#34;/static/img/docs/panel-editor/panel-editor-8-0.png?w=320 320w, /static/img/docs/panel-editor/panel-editor-8-0.png?w=550 550w, /static/img/docs/panel-editor/panel-editor-8-0.png?w=750 750w, /static/img/docs/panel-editor/panel-editor-8-0.png?w=900 900w, /static/img/docs/panel-editor/panel-editor-8-0.png?w=1040 1040w, /static/img/docs/panel-editor/panel-editor-8-0.png?w=1240 1240w, /static/img/docs/panel-editor/panel-editor-8-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1287&#34;height=&#34;750&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/panel-editor/panel-editor-8-0.png&#34;
            alt=&#34;&#34;width=&#34;1287&#34;height=&#34;750&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
]]></content><description>&lt;h1 id="navigate-the-grafana-panel-editor">Navigate the Grafana panel editor&lt;/h1>
&lt;p>This page describes the parts of the Grafana panel editor.&lt;/p>
&lt;ol>
&lt;li>
&lt;p>Panel header: The header section lists the dashboard in which the panel appears and the following controls:&lt;/p></description></item><item><title>Add a panel to a dashboard</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/add-panel/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/add-panel/</guid><content><![CDATA[&lt;h1 id=&#34;add-a-panel-to-a-dashboard&#34;&gt;Add a panel to a dashboard&lt;/h1&gt;
&lt;p&gt;Panels allow you to show your data in visual form. Each panel needs at least one query to display a visualization.&lt;/p&gt;
&lt;h2 id=&#34;before-you-begin&#34;&gt;Before you begin&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Ensure that you have the proper &lt;a href=&#34;../../../permissions/organization_roles/&#34;&gt;organization role&lt;/a&gt; or &lt;a href=&#34;../../../permissions/&#34;&gt;permissions&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Identify the dashboard to which you want to add the panel.&lt;/li&gt;
&lt;li&gt;Understand the query language of the target data source.&lt;/li&gt;
&lt;li&gt;Ensure that data source for which you are writing a query has been added. For more information about adding a data source, refer to &lt;a href=&#34;../../../datasources/add-a-data-source/&#34;&gt;Add a data source&lt;/a&gt; if you need instructions.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To add a panel to a dashboard&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Navigate to the dashboard to which you want to add a panel.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click the &lt;strong&gt;Add panel&lt;/strong&gt; icon.&lt;/p&gt;
&lt;p&gt;&lt;img
  class=&#34;lazyload&#34;
  data-src=&#34;/static/img/docs/panels/add-panel-icon-7-0.png&#34;
  alt=&#34;&#34; width=&#34;68&#34;
     height=&#34;52&#34;/&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click &lt;strong&gt;Add an empty panel&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Grafana creates an empty time-series panel and selects the default data source.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the first line of the &lt;strong&gt;Query&lt;/strong&gt; tab, click the drop-down list and select a data source.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Write or construct a query in the query language of your data source.&lt;/p&gt;
&lt;p&gt;For more information about data sources, refer to &lt;a href=&#34;../../../datasources/&#34;&gt;Data sources&lt;/a&gt; for specific guidelines.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the Visualization list, select a visualization type.&lt;/p&gt;
&lt;p&gt;Grafana displays a preview of your query results with the visualization applied.&lt;/p&gt;
&lt;p&gt;&lt;img
  class=&#34;lazyload&#34;
  data-src=&#34;/static/img/docs/panel-editor/select-visualization-8-0.png&#34;
  alt=&#34;&#34; width=&#34;483&#34;
     height=&#34;200&#34;/&gt;&lt;/p&gt;
&lt;p&gt;For more information about individual visualizations, refer to &lt;a href=&#34;../../../visualizations/&#34;&gt;Visualizations options&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Refer to the following documentation for ways you adjust panel settings.&lt;/p&gt;
&lt;p&gt;While not required, most visualizations need some adjustment before they properly display the information that you need.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../../format-data/about-value-mapping/&#34;&gt;Format data using value mapping&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../../visualizations/&#34;&gt;Visualization-specific options&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../override-field-values/about-field-overrides/&#34;&gt;Override field values&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../specify-thresholds/about-thresholds/&#34;&gt;Specify thresholds to set the color of visualization text and background&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../apply-color-to-series/&#34;&gt;Apply color to series and fields&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Add a note to describe the visualization (or describe your changes) and then click &lt;strong&gt;Save&lt;/strong&gt; in the upper-right corner of the page.&lt;/p&gt;
&lt;p&gt;Notes can be helpful if you need to revert the dashboard to a previous version.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="add-a-panel-to-a-dashboard">Add a panel to a dashboard&lt;/h1>
&lt;p>Panels allow you to show your data in visual form. Each panel needs at least one query to display a visualization.&lt;/p></description></item><item><title>Add a title and description to a panel</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/add-title-and-description/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/add-title-and-description/</guid><content><![CDATA[&lt;h1 id=&#34;add-a-title-and-description-to-a-panel&#34;&gt;Add a title and description to a panel&lt;/h1&gt;
&lt;p&gt;Add a title and description to a panel to share with users any important information about the visualization. For example, use the description to document the purpose of the visualization.&lt;/p&gt;
&lt;h2 id=&#34;before-you-begin&#34;&gt;Before you begin:&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../add-panel/&#34;&gt;Add a panel to a dashboard&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To add a title and description to a panel&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Open a panel.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the panel display options pane, locate the &lt;strong&gt;Panel options&lt;/strong&gt; section.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Enter a &lt;strong&gt;Title&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;Text entered in this field is displayed at the top of your panel in the panel editor and in the dashboard.&lt;/p&gt;
&lt;p&gt;You can use &lt;a href=&#34;../../../variables/&#34;&gt;variables you have defined&lt;/a&gt; in either field, but not &lt;a href=&#34;../../../variables/variable-types/global-variables/&#34;&gt;global variables&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Write a description of the panel and the data you are displaying.&lt;/p&gt;
&lt;p&gt;Text entered in this field is displayed in a tooltip in the upper left corner of the panel.&lt;/p&gt;
&lt;p&gt;You can use &lt;a href=&#34;../../../variables/&#34;&gt;variables you have defined&lt;/a&gt; in either field, but not &lt;a href=&#34;../../../variables/variable-types/global-variables/&#34;&gt;global variables&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;img
  class=&#34;lazyload&#34;
  data-src=&#34;/static/img/docs/panels/panel-options-8-0.png&#34;
  alt=&#34;&#34; width=&#34;400&#34;
     height=&#34;409&#34;/&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="add-a-title-and-description-to-a-panel">Add a title and description to a panel&lt;/h1>
&lt;p>Add a title and description to a panel to share with users any important information about the visualization. For example, use the description to document the purpose of the visualization.&lt;/p></description></item><item><title>Format a standard field</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/format-standard-fields/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/format-standard-fields/</guid><content><![CDATA[&lt;h1 id=&#34;format-a-standard-field&#34;&gt;Format a standard field&lt;/h1&gt;
&lt;p&gt;The data model used in Grafana, namely the &lt;a href=&#34;/developers/plugin-tools/introduction/data-frames&#34;&gt;data frame&lt;/a&gt;, is a columnar-oriented table structure that unifies both time series and table query results. Each column within this structure is called a &lt;em&gt;field&lt;/em&gt;. A field can represent a single time series or table column.&lt;/p&gt;
&lt;p&gt;Field options allow you to change how the data is displayed in your visualizations. Options and overrides that you apply do not change the data, they change how Grafana displays the data. When you change an option, it is applied to all fields, meaning all series or columns. For example, if you change the unit to percentage, then all fields with numeric values are displayed in percentages.&lt;/p&gt;
&lt;p&gt;For a complete list of field formatting options, refer to &lt;a href=&#34;../../reference-standard-field-definitions/&#34;&gt;Reference: Standard field definitions&lt;/a&gt;.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;You can apply standard options to most built-in Grafana panels. Some older panels and community panels that have not updated to the new panel and data model will be missing either all or some of these field options.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h2 id=&#34;before-you-begin&#34;&gt;Before you begin&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../add-panel/&#34;&gt;Add a panel to a dashboard&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To format a standard field&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Open a dashboard, click the panel title, and click &lt;strong&gt;Edit&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the panel display options pane, locate the &lt;strong&gt;Standard options&lt;/strong&gt; section.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Select the standard options you want to apply.&lt;/p&gt;
&lt;p&gt;For more information about standard options, refer to &lt;a href=&#34;../../reference-standard-field-definitions/&#34;&gt;Reference: Standard field definitions&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;To preview your change, click outside of the field option box you are editing or press &lt;strong&gt;Enter&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="format-a-standard-field">Format a standard field&lt;/h1>
&lt;p>The data model used in Grafana, namely the &lt;a href="/developers/plugin-tools/introduction/data-frames">data frame&lt;/a>, is a columnar-oriented table structure that unifies both time series and table query results. Each column within this structure is called a &lt;em>field&lt;/em>. A field can represent a single time series or table column.&lt;/p></description></item><item><title>Apply color to series and fields</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/apply-color-to-series/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/apply-color-to-series/</guid><content><![CDATA[&lt;h1 id=&#34;apply-color-to-series-and-fields&#34;&gt;Apply color to series and fields&lt;/h1&gt;
&lt;p&gt;In addition to specifying color based on thresholds, you can configure the color of series and field data. The color options and their effect on the visualization depends on the visualization you are working with. Some visualizations have different color options.&lt;/p&gt;
&lt;p&gt;You can specify a single color, or select a continuous (gradient) color schemes, based on a value.
Continuous color interpolates a color using the percentage of a value relative to min and max.&lt;/p&gt;
&lt;h2 id=&#34;before-you-begin&#34;&gt;Before you begin&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../add-panel/&#34;&gt;Add a panel to a dashboard&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To apply color to series and fields&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;In panel display options, scroll to the &lt;strong&gt;Standard options&lt;/strong&gt; or &lt;strong&gt;override&lt;/strong&gt; section.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click the &lt;strong&gt;Standard options Color scheme&lt;/strong&gt; drop-down, and select one of the following palettes:&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;clearfix&#34;&gt;&lt;/div&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;Color mode&lt;/th&gt;
              &lt;th&gt;Description&lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Single color&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Specify a single color, useful in an override rule&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;From thresholds&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Informs Grafana to take the color from the matching threshold&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Classic palette&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Grafana will assign color by looking up a color in a palette by series index. Useful for Graphs and pie charts and other categorical data visualizations&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Green-Yellow-Red (by value)&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Continuous color scheme&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Blue-Yellow-Red (by value)&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Continuous color scheme&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Blues (by value)&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Continuous color scheme (panel background to blue)&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Reds (by value)&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Continuous color scheme (panel background color to blue)&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Greens (by value)&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Continuous color scheme (panel background color to blue)&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;strong&gt;Purple (by value)&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;Continuous color scheme (panel background color to blue)&lt;/td&gt;
              &lt;td&gt;.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p pull-right&#34;
    style=&#34;max-width: 350px;&#34;
    itemprop=&#34;associatedMedia&#34;
    itemscope=&#34;&#34;
    itemtype=&#34;http://schema.org/ImageObject&#34;
  &gt;&lt;a
        class=&#34;lightbox-link captioned&#34;
        href=&#34;/static/img/docs/v73/color_scheme_dropdown.png&#34;
        itemprop=&#34;contentUrl&#34;
      &gt;&lt;div class=&#34;img-wrapper w-100p h-auto&#34;&gt;&lt;img
          class=&#34;lazyload mb-0&#34;
          data-src=&#34;/static/img/docs/v73/color_scheme_dropdown.png&#34;data-srcset=&#34;/static/img/docs/v73/color_scheme_dropdown.png?w=320 320w, /static/img/docs/v73/color_scheme_dropdown.png?w=550 550w, /static/img/docs/v73/color_scheme_dropdown.png?w=750 750w, /static/img/docs/v73/color_scheme_dropdown.png?w=900 900w, /static/img/docs/v73/color_scheme_dropdown.png?w=1040 1040w, /static/img/docs/v73/color_scheme_dropdown.png?w=1240 1240w, /static/img/docs/v73/color_scheme_dropdown.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;Color scheme&#34;width=&#34;734&#34;height=&#34;688&#34;title=&#34;Color scheme&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v73/color_scheme_dropdown.png&#34;
            alt=&#34;Color scheme&#34;width=&#34;734&#34;height=&#34;688&#34;title=&#34;Color scheme&#34;class=&#34;pull-right&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;figcaption class=&#34;w-100p caption text-gray-13  &#34;&gt;Color scheme&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;
]]></content><description>&lt;h1 id="apply-color-to-series-and-fields">Apply color to series and fields&lt;/h1>
&lt;p>In addition to specifying color based on thresholds, you can configure the color of series and field data. The color options and their effect on the visualization depends on the visualization you are working with. Some visualizations have different color options.&lt;/p></description></item><item><title>Add a link to a panel</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/add-link-to-panel/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/add-link-to-panel/</guid><content><![CDATA[&lt;h1 id=&#34;add-a-link-to-a-panel&#34;&gt;Add a link to a panel&lt;/h1&gt;


&lt;div data-shared=&#34;panels/panel-links-intro.md&#34;&gt;
            &lt;p&gt;Each panel can have its own set of links that are shown in the upper left corner of the panel. You can link to any available URL, including dashboards, panels, or external sites. You can even control the time range to ensure the user is zoomed in on the right data in Grafana.&lt;/p&gt;
&lt;/div&gt;

        
&lt;p&gt;For more information, refer to &lt;a href=&#34;../../../linking/panel-links/&#34;&gt;Panel links&lt;/a&gt;.&lt;/p&gt;
]]></content><description>&lt;h1 id="add-a-link-to-a-panel">Add a link to a panel&lt;/h1>
&lt;div data-shared="panels/panel-links-intro.md">
&lt;p>Each panel can have its own set of links that are shown in the upper left corner of the panel. You can link to any available URL, including dashboards, panels, or external sites. You can even control the time range to ensure the user is zoomed in on the right data in Grafana.&lt;/p></description></item><item><title>Configure a legend</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/configure-legend/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/configure-legend/</guid><content><![CDATA[&lt;h1 id=&#34;configure-a-legend&#34;&gt;Configure a legend&lt;/h1&gt;
&lt;p&gt;A panel includes a legend that you can use to interpret data displayed in a visualization. Each legend option adds context and clarity to the data illustrated in a visualization.&lt;/p&gt;
&lt;h2 id=&#34;isolate-series-data-in-a-visualization&#34;&gt;Isolate series data in a visualization&lt;/h2&gt;
&lt;p&gt;Visualizations can often be visually complex, and include many data series. You can simplify the view by removing series data from the visualization, which isolates the data you want to see. Grafana automatically creates a new override in the &lt;strong&gt;Override&lt;/strong&gt; tab.&lt;/p&gt;
&lt;p&gt;When you apply your changes, the visualization changes appear to all users of the panel.&lt;/p&gt;
&lt;h3 id=&#34;before-you-begin&#34;&gt;Before you begin&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../add-panel/&#34;&gt;Add a panel to a dashboard&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To isolate series data in a visualization&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Open the panel.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the legend, click the label of the series you want to isolate.&lt;/p&gt;
&lt;p&gt;The system removes from view all other series data.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;To incrementally add series data to an isolated series, press the &lt;strong&gt;Ctrl&lt;/strong&gt; or &lt;strong&gt;Command&lt;/strong&gt; key and click the label of the series you want to add.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;To revert back to the default view that includes all data, click any series label twice.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;To save your changes so that they appear to all viewers of the panel, click &lt;strong&gt;Apply&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;This topic currently applies to the following visualizations:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../../../visualizations/bar-chart/&#34;&gt;Bar chart&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../../visualizations/histogram/&#34;&gt;Histogram&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../../visualizations/pie-chart-panel/&#34;&gt;Pie chart&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../../visualizations/state-timeline/&#34;&gt;State timeline&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../../visualizations/status-history/&#34;&gt;Status history&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../../visualizations/time-series/&#34;&gt;Time series&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;add-values-to-a-legend&#34;&gt;Add values to a legend&lt;/h2&gt;
&lt;p&gt;As way to add more context to a visualization, you can add series data values to a legend. You can add as many values as you&amp;rsquo;d like; after you apply your changes, you can horizontally scroll the legend to see all values.&lt;/p&gt;
&lt;h3 id=&#34;before-you-begin-1&#34;&gt;Before you begin&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Add a panel&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To add values to a legend&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Open a panel.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the panel display options pane, locate the &lt;strong&gt;Legend&lt;/strong&gt; section.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the &lt;strong&gt;Legend values&lt;/strong&gt; field, select the values you want to appear in the legend.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click &lt;strong&gt;Apply&lt;/strong&gt; to save your changes are navigate back to the dashboard.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  class=&#34;lazyload d-inline-block&#34;
  data-src=&#34;/static/img/docs/legend/legend-series-toggle-7-5.png&#34;
  alt=&#34;Toggle series visibility&#34; width=&#34;1158&#34;
     height=&#34;525&#34;/&gt;&lt;/p&gt;
&lt;h2 id=&#34;change-a-series-color&#34;&gt;Change a series color&lt;/h2&gt;
&lt;p&gt;By default, Grafana specifies the color of your series data, which you can change.&lt;/p&gt;
&lt;h3 id=&#34;before-you-begin-2&#34;&gt;Before you begin&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;Add a panel&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To change a series color, perform the following steps&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Open the panel.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In the legend, click the color bar associated with the series.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Select a pre-set color or a custom color from the color palette.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click &lt;strong&gt;Apply&lt;/strong&gt; to save your changes are navigate back to the dashboard.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  class=&#34;lazyload d-inline-block&#34;
  data-src=&#34;/static/img/docs/legend/legend-series-color-7-5.png&#34;
  alt=&#34;Change legend series color&#34; width=&#34;1200&#34;
     height=&#34;480&#34;/&gt;&lt;/p&gt;
&lt;h2 id=&#34;sort-series&#34;&gt;Sort series&lt;/h2&gt;
&lt;p&gt;Change legend mode to &lt;strong&gt;Table&lt;/strong&gt; and choose &lt;a href=&#34;../../reference-calculation-types/&#34;&gt;calculations&lt;/a&gt; to be displayed in the legend. Click the calculation name header in the legend table to sort the values in the table in ascending or descending order.&lt;/p&gt;
&lt;p&gt;The sort order affects the positions of the bars in the Bar chart panel as well as the order of stacked series in the Time series and Bar chart panels.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This feature is only supported in these panels: Bar chart, Histogram, Time series, XY Chart.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;&lt;img
  class=&#34;lazyload d-inline-block&#34;
  data-src=&#34;/static/img/docs/legend/legend-series-sort-8-3.png&#34;
  alt=&#34;Sort legend series&#34; width=&#34;1858&#34;
     height=&#34;611&#34;/&gt;.&lt;/p&gt;
]]></content><description>&lt;h1 id="configure-a-legend">Configure a legend&lt;/h1>
&lt;p>A panel includes a legend that you can use to interpret data displayed in a visualization. Each legend option adds context and clarity to the data illustrated in a visualization.&lt;/p></description></item><item><title>Organize a dashboard</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/organize-dashboard/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/organize-dashboard/</guid><content><![CDATA[&lt;h1 id=&#34;organize-a-dashboard&#34;&gt;Organize a dashboard&lt;/h1&gt;
&lt;p&gt;You can place any panel in any location you want and controls its size. The changes you make impact other users of the dashboard.&lt;/p&gt;
&lt;h2 id=&#34;before-you-begin&#34;&gt;Before you begin&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Add two or more panels&lt;/li&gt;
&lt;li&gt;Ensure that you sign in with Editor permissions&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To organize a dashboard&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Hover your cursor over the panel, and click-and-drag the panel to its new location.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;To resize a panel, click the zoom in (&#43;) and zoom out (-) icons.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  class=&#34;lazyload&#34;
  data-src=&#34;/static/img/docs/animated_gifs/drag_drop.gif&#34;
  alt=&#34;&#34; width=&#34;1270&#34;
     height=&#34;430&#34;/&gt;&lt;/p&gt;
&lt;h2 id=&#34;tips-and-shortcuts&#34;&gt;Tips and shortcuts&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Click the graph title and in the dropdown menu quickly duplicate the panel.&lt;/li&gt;
&lt;li&gt;Click the colored icon in the legend to change a series color or the y-axis.&lt;/li&gt;
&lt;li&gt;Click series name in the legend to hide series.&lt;/li&gt;
&lt;li&gt;Ctrl/Shift/Meta &#43; click legend name to hide other series.&lt;/li&gt;
&lt;li&gt;Hover your cursor over a panel and press &lt;code&gt;e&lt;/code&gt; to open the panel editor.&lt;/li&gt;
&lt;li&gt;Hover your cursor over a panel and press &lt;code&gt;v&lt;/code&gt; to open the panel in full screen view..&lt;/li&gt;
&lt;/ul&gt;
]]></content><description>&lt;h1 id="organize-a-dashboard">Organize a dashboard&lt;/h1>
&lt;p>You can place any panel in any location you want and controls its size. The changes you make impact other users of the dashboard.&lt;/p></description></item><item><title>Navigate the Grafana Inspector panel</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/navigate-inspector-panel/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/navigate-inspector-panel/</guid><content><![CDATA[&lt;h1 id=&#34;navigate-the-grafana-inspector-panel&#34;&gt;Navigate the Grafana Inspector panel&lt;/h1&gt;
&lt;p&gt;The panel inspector helps you understand and troubleshoot your panels. You can inspect the raw data for any Grafana panel, export that data to a comma-separated values (CSV) file, view query requests, and export panel and data JSON.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; Not all panel types include all tabs. For example, dashboard list panels do not have raw data to inspect, so they do not display the Stats, Data, or Query tabs.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;The panel inspector consists of the following options:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;The panel inspector displays Inspect: &lt;NameOfPanelBeingInspected&gt; at the top of the pane. Click the arrow in the upper right corner to expand or reduce the pane.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Data tab -&lt;/strong&gt; Shows the raw data returned by the query with transformations applied. Field options such as overrides and value mappings are not applied by default.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Stats tab -&lt;/strong&gt; Shows how long your query takes and how much it returns.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;JSON tab -&lt;/strong&gt; Allows you to view and copy the panel JSON, panel data JSON, and data frame structure JSON. This is useful if you are provisioning or administering Grafana.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Query tab -&lt;/strong&gt; Shows you the requests to the server sent when Grafana queries the data source.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Error tab -&lt;/strong&gt; Shows the error. Only visible when query returns error.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="navigate-the-grafana-inspector-panel">Navigate the Grafana Inspector panel&lt;/h1>
&lt;p>The panel inspector helps you understand and troubleshoot your panels. You can inspect the raw data for any Grafana panel, export that data to a comma-separated values (CSV) file, view query requests, and export panel and data JSON.&lt;/p></description></item><item><title>View a panel JSON model</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/view-json-model/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/view-json-model/</guid><content><![CDATA[&lt;h1 id=&#34;view-a-panel-json-model&#34;&gt;View a panel JSON model&lt;/h1&gt;
&lt;p&gt;Explore and export panel, panel data, and data frame JSON models.&lt;/p&gt;
&lt;h2 id=&#34;before-you-begin&#34;&gt;Before you begin:&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../add-panel/&#34;&gt;Add a panel to a dashboard&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To view a panel JSON model&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Open the panel inspector and then click the &lt;strong&gt;JSON&lt;/strong&gt; tab or in the panel menu click &lt;strong&gt;Inspect &amp;gt; Panel JSON&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;In Select source, choose one of the following options:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Panel JSON -&lt;/strong&gt; Displays a JSON object representing the panel.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Panel data -&lt;/strong&gt; Displays a JSON object representing the data that was passed to the panel.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;DataFrame structure -&lt;/strong&gt; Displays the raw result set with transformations, field configuration, and overrides configuration applied.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;You can expand or collapse portions of the JSON to explore it, or you can click &lt;strong&gt;Copy to clipboard&lt;/strong&gt; and paste the JSON in another application.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="view-a-panel-json-model">View a panel JSON model&lt;/h1>
&lt;p>Explore and export panel, panel data, and data frame JSON models.&lt;/p>
&lt;h2 id="before-you-begin">Before you begin:&lt;/h2>
&lt;ul>
&lt;li>&lt;a href="../add-panel/">Add a panel to a dashboard&lt;/a>.&lt;/li>
&lt;/ul>
&lt;p>&lt;strong>To view a panel JSON model&lt;/strong>:&lt;/p></description></item><item><title>Download query results</title><link>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/download-query-results/</link><pubDate>Sat, 04 Apr 2026 12:26:57 +0000</pubDate><guid>https://grafana.com/docs/grafana/v8.4/panels/working-with-panels/download-query-results/</guid><content><![CDATA[&lt;h1 id=&#34;download-query-results&#34;&gt;Download query results&lt;/h1&gt;
&lt;p&gt;Grafana generates a text (.txt) file that contains the results of a query, which you can download.&lt;/p&gt;
&lt;h2 id=&#34;before-you-begin&#34;&gt;Before you begin&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../../query-a-data-source/add-a-query/&#34;&gt;Add a query&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;To download query results&lt;/strong&gt;:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Open the panel inspector.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Inspect the query results.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click &lt;strong&gt;Download&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="download-query-results">Download query results&lt;/h1>
&lt;p>Grafana generates a text (.txt) file that contains the results of a query, which you can download.&lt;/p>
&lt;h2 id="before-you-begin">Before you begin&lt;/h2>
&lt;ul>
&lt;li>&lt;a href="../../query-a-data-source/add-a-query/">Add a query&lt;/a>.&lt;/li>
&lt;/ul>
&lt;p>&lt;strong>To download query results&lt;/strong>:&lt;/p></description></item></channel></rss>