<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Panels on Grafana Labs</title><link>https://grafana.com/docs/grafana/v7.1/panels/</link><description>Recent content in Panels on Grafana Labs</description><generator>Hugo -- gohugo.io</generator><language>en</language><atom:link href="/docs/grafana/v7.1/panels/index.xml" rel="self" type="application/rss+xml"/><item><title>Add a panel</title><link>https://grafana.com/docs/grafana/v7.1/panels/add-a-panel/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/add-a-panel/</guid><content><![CDATA[&lt;h1 id=&#34;add-a-panel&#34;&gt;Add a panel&lt;/h1&gt;
&lt;p&gt;Panels allow you to show your data in visual form. This topic walks you through the most basic steps to build a panel.&lt;/p&gt;
&lt;h2 id=&#34;1-add-a-panel-to-a-dashboard&#34;&gt;1. Add a panel to a dashboard&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Navigate to the dashboard you want to add a panel to.&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 new panel&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Grafana creates an empty graph panel with your default data source selected.&lt;/p&gt;
&lt;h2 id=&#34;2-edit-panel-settings&#34;&gt;2. Edit panel settings&lt;/h2&gt;
&lt;p&gt;While not required, we recommend that you add a helpful title and description to your panel. You can use &lt;a href=&#34;../../variables/templates-and-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-settings-7-0.png&#34;
  alt=&#34;&#34; width=&#34;500&#34;
     height=&#34;381&#34;/&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Panel title -&lt;/strong&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;&lt;strong&gt;Description -&lt;/strong&gt; Text entered in this field is displayed in a tooltip in the upper left corner of the panel. Write a description of the panel and the data you are displaying. Pretend you are explaining it to a new user six months from now, when it is no longer fresh in your mind. Future editors (possibly yourself) will thank you.&lt;/p&gt;
&lt;h2 id=&#34;3-write-a-query&#34;&gt;3. Write a query&lt;/h2&gt;
&lt;p&gt;Each panel needs at least one query to display a visualization. You write queries in the Query tab of the panel editor. For more information about the Query tab, refer to &lt;a href=&#34;../queries/&#34;&gt;Queries&lt;/a&gt;.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Choose a data source. In the first line of the Query tab, click the drop-down list to see all available data sources. This list includes all data sources you added. Refer to &lt;a href=&#34;../../features/datasources/add-a-data-source/&#34;&gt;Add a data source&lt;/a&gt; if you need instructions.&lt;/li&gt;
&lt;li&gt;Write or construct a query in the query language of your data source. Options will vary. Refer to your specific &lt;a href=&#34;../../features/datasources/&#34;&gt;data source documentation&lt;/a&gt; for specific guidelines.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;4-choose-a-visualization-type&#34;&gt;4. Choose a visualization type&lt;/h2&gt;
&lt;p&gt;In the Visualization section of the Panel tab, click a visualization type. Grafana displays a preview of your query results with that visualization applied.&lt;/p&gt;
&lt;p&gt;For more information about individual visualizations, refer to &lt;a href=&#34;../visualizations/&#34;&gt;Visualizations&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;5-apply-changes-and-save&#34;&gt;5. Apply changes and save&lt;/h2&gt;
&lt;p&gt;Save the dashboard. Either press Ctrl/Cmd&#43;S or click &lt;strong&gt;Save&lt;/strong&gt; in the upper right corner of the screen.&lt;/p&gt;
&lt;p&gt;Your options vary depending on the changes you made and whether or not it is a new dashboard. We recommend you add a note to describe your changes before you click &lt;strong&gt;Save&lt;/strong&gt;. Notes are very helpful if you need to revert the dashboard to a previous version.&lt;/p&gt;
&lt;h2 id=&#34;what-next&#34;&gt;What next?&lt;/h2&gt;
&lt;p&gt;Our Grafana Fundamentals tutorial is a great place to start, or you can learn more about Grafana by reading one of the documentation topics linked below:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Learn more about &lt;a href=&#34;../panel-editor/&#34;&gt;panel editor&lt;/a&gt; options.&lt;/li&gt;
&lt;li&gt;Add more &lt;a href=&#34;../queries/&#34;&gt;queries&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../transformations/&#34;&gt;Transform&lt;/a&gt; your data.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../field-options/&#34;&gt;Configure&lt;/a&gt; how your results are displayed in the visualization.&lt;/li&gt;
&lt;li&gt;If you made a graph panel, set up an &lt;a href=&#34;../../alerting/alerts-overview/&#34;&gt;alert&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Create &lt;a href=&#34;../../variables/templates-and-variables/&#34;&gt;templates and variables&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
]]></content><description>&lt;h1 id="add-a-panel">Add a panel&lt;/h1>
&lt;p>Panels allow you to show your data in visual form. This topic walks you through the most basic steps to build a panel.&lt;/p></description></item><item><title>Apply a transformation</title><link>https://grafana.com/docs/grafana/v7.1/panels/transformations/apply-transformations/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/transformations/apply-transformations/</guid><content><![CDATA[&lt;h1 id=&#34;apply-transformations&#34;&gt;Apply transformations&lt;/h1&gt;
&lt;p&gt;You can apply transformations from the Transform tab of the Grafana panel editor, which is located next to the Queries tab. See also, &lt;a href=&#34;#debug-transformations&#34;&gt;Debug  transformations&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;To apply a transformation:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Navigate to the panel where you want to add one or more transformations.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click the panel title and then click &lt;strong&gt;Edit&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click the &lt;strong&gt;Transform&lt;/strong&gt; tab.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click a transformation to select it.&lt;/p&gt;
&lt;p&gt;A transformation row displays. You can configure the transformation options here. For more information, refer to &lt;a href=&#34;../types-options/&#34;&gt;Transformation types and options&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click &lt;strong&gt;Add transformation&lt;/strong&gt; to apply another transformation.&lt;/p&gt;
&lt;p&gt;This next transformation acts on the result set returned by the previous transformation.&lt;/p&gt;
&lt;figure
       class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
       style=&#34;max-width: 1100px;&#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/transformations/transformations-7-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/transformations/transformations-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/transformations-7-0.png?w=320 320w, /static/img/docs/transformations/transformations-7-0.png?w=550 550w, /static/img/docs/transformations/transformations-7-0.png?w=750 750w, /static/img/docs/transformations/transformations-7-0.png?w=900 900w, /static/img/docs/transformations/transformations-7-0.png?w=1040 1040w, /static/img/docs/transformations/transformations-7-0.png?w=1240 1240w, /static/img/docs/transformations/transformations-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1605&#34;height=&#34;354&#34;/&gt;
           &lt;noscript&gt;
             &lt;img
               src=&#34;/static/img/docs/transformations/transformations-7-0.png&#34;
               alt=&#34;&#34;width=&#34;1605&#34;height=&#34;354&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
           &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;delete-a-transformation&#34;&gt;Delete a transformation&lt;/h2&gt;
&lt;p&gt;To remove a transformation that is no longer needed, click the trash can icon.&lt;/p&gt;
&lt;h2 id=&#34;debug-transformations&#34;&gt;Debug transformations&lt;/h2&gt;
&lt;p&gt;To see the input and the output result sets of the transformation, click the bug icon on the right side of the transformation row
Grafana displays the transformation debug view below the transformation row.
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/debug-transformations-7-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/transformations/debug-transformations-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/debug-transformations-7-0.png?w=320 320w, /static/img/docs/transformations/debug-transformations-7-0.png?w=550 550w, /static/img/docs/transformations/debug-transformations-7-0.png?w=750 750w, /static/img/docs/transformations/debug-transformations-7-0.png?w=900 900w, /static/img/docs/transformations/debug-transformations-7-0.png?w=1040 1040w, /static/img/docs/transformations/debug-transformations-7-0.png?w=1240 1240w, /static/img/docs/transformations/debug-transformations-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1510&#34;height=&#34;762&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/debug-transformations-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1510&#34;height=&#34;762&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;&lt;/p&gt;
]]></content><description>&lt;h1 id="apply-transformations">Apply transformations&lt;/h1>
&lt;p>You can apply transformations from the Transform tab of the Grafana panel editor, which is located next to the Queries tab. See also, &lt;a href="#debug-transformations">Debug transformations&lt;/a>.&lt;/p></description></item><item><title>Calculations list</title><link>https://grafana.com/docs/grafana/v7.1/panels/calculations-list/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/calculations-list/</guid><content><![CDATA[&lt;h1 id=&#34;list-of-calculations&#34;&gt;List of calculations&lt;/h1&gt;
&lt;p&gt;This topic lists and defines calculations used in Grafana.&lt;/p&gt;
&lt;p&gt;Among other places, these calculations are used in the Transform tab and the bar gauge, gauge, and stat visualizations.&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 style=&#34;text-align: left&#34;&gt;Calculation&lt;/th&gt;
              &lt;th style=&#34;text-align: left&#34;&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;All nulls&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;true when all values are null&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;All zeros&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;true when all values are 0&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Change count&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;number of times the field&amp;rsquo;s value changes&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Count&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;number of values in a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Delta&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;cumulative change in value&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Difference&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;difference between first and last value of a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Distinct count&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;number of unique values in a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;First (not null)&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;first, not null value in a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Max&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;maximum value of a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Mean&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;mean value of all values in a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Min&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;minimum value of a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Min (above zero)&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;minimum, positive value of a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Range&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;difference between maximum and minimum values of a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Step&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;minimal interval between values of a field&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Total&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;sum of all values in a field&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h1 id="list-of-calculations">List of calculations&lt;/h1>
&lt;p>This topic lists and defines calculations used in Grafana.&lt;/p>
&lt;p>Among other places, these calculations are used in the Transform tab and the bar gauge, gauge, and stat visualizations.&lt;/p></description></item><item><title>Field options</title><link>https://grafana.com/docs/grafana/v7.1/panels/field-options/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/field-options/</guid><content><![CDATA[&lt;h1 id=&#34;field-options&#34;&gt;Field options&lt;/h1&gt;
&lt;p&gt;This page explains what field options and field overrides in Grafana are and how to use them. It also includes
&lt;a href=&#34;#examples&#34;&gt;examples&lt;/a&gt; if you need an idea of how this feature might be useful in the real world.&lt;/p&gt;
&lt;p&gt;The data model used in Grafana, 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;h2 id=&#34;field-options-and-overrides&#34;&gt;Field options and overrides&lt;/h2&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.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Field options&lt;/em&gt;, both standard and custom, can be found in the &lt;strong&gt;Field&lt;/strong&gt; tab in the panel editor. Changes on this tab apply to all fields (i.e. series/columns). For example, if you change the unit to percentage, then all fields with numeric values are displayed in percentages. &lt;a href=&#34;#configure-all-fields&#34;&gt;Apply a field option&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Field overrides&lt;/em&gt; can be added in the &lt;strong&gt;Overrides&lt;/strong&gt; tab in the panel editor. There you can add the same options as you find in the &lt;strong&gt;Field&lt;/strong&gt; tab, but they are only applied to specific fields. &lt;a href=&#34;#override-a-field&#34;&gt;Apply an override&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;All &lt;a href=&#34;#field-options&#34;&gt;field options&lt;/a&gt; are defined below.&lt;/p&gt;
&lt;h3 id=&#34;standard-field-options&#34;&gt;Standard field options&lt;/h3&gt;
&lt;p&gt;Standard field options are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#unit&#34;&gt;Unit&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#min&#34;&gt;Min&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#max&#34;&gt;Max&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#decimals&#34;&gt;Decimals&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#display-name&#34;&gt;Display name&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#no-value&#34;&gt;No value&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#thresholds&#34;&gt;Thresholds&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#value-mapping&#34;&gt;Value mappings&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#data-links&#34;&gt;Data links&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can apply standard field options to most of the built-in Grafana panels. Some older panels and community panels that have yet to update to the new panel and data model will be missing either all or some of these field options.&lt;/p&gt;
&lt;h3 id=&#34;custom-field-options&#34;&gt;Custom field options&lt;/h3&gt;
&lt;p&gt;Some visualizations have custom field options. For example the &lt;a href=&#34;../visualizations/table-panel/&#34;&gt;Table&lt;/a&gt; visualization has many custom field options. Community panels can add their own custom field options as well, and they might differ across visualizations.&lt;/p&gt;
&lt;h2 id=&#34;configure-all-fields&#34;&gt;Configure all fields&lt;/h2&gt;
&lt;p&gt;To change how all fields display data, you change an option in the &lt;strong&gt;Field&lt;/strong&gt; tab. In the &lt;strong&gt;Overrides&lt;/strong&gt; tab
you then override that for specific fields.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Navigate to the panel you want to edit, click the panel title, and then click &lt;strong&gt;Edit&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;Field&lt;/strong&gt; tab.&lt;/li&gt;
&lt;li&gt;Find the option you want to change.&lt;/li&gt;
&lt;li&gt;Enter options by adding values in the fields. To return options to default values, delete the white text in the fields.&lt;/li&gt;
&lt;li&gt;When finished, click &lt;strong&gt;Save&lt;/strong&gt; to save all panel edits to the dashboard.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;configure-specific-fields-with-overrides&#34;&gt;Configure specific fields with overrides&lt;/h2&gt;
&lt;p&gt;Overrides allow you to change the settings for one or more fields (i.e. series or column). What fields are targeted by the override depends on the matcher. Field options for overrides are exactly the same as the field options available in a particular visualization. The only difference is that you choose which fields to apply them to.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Navigate to the panel you want to edit, click the panel title, and then click &lt;strong&gt;Edit&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;Overrides&lt;/strong&gt; tab.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Add override&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Select a &lt;a href=&#34;#filter-options&#34;&gt;filter option&lt;/a&gt; to choose which fields the override applies to.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Add override property&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Select the &lt;a href=&#34;#field-options&#34;&gt;field option&lt;/a&gt; you want to apply.&lt;/li&gt;
&lt;li&gt;Enter options by adding values in the fields. To return options to default values, delete the white text in the fields.&lt;/li&gt;
&lt;li&gt;Continue to add overrides to this field by clicking &lt;strong&gt;Add override property&lt;/strong&gt;, or you can click &lt;strong&gt;Add override&lt;/strong&gt; and select a different field to add overrides to.&lt;/li&gt;
&lt;li&gt;When finished, click &lt;strong&gt;Save&lt;/strong&gt; to save all panel edits to the dashboard.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;select-fields&#34;&gt;Select fields&lt;/h2&gt;
&lt;p&gt;This section explains the different ways you can select which fields an override rule will be applied to.&lt;/p&gt;
&lt;h3 id=&#34;fields-with-name&#34;&gt;Fields with name&lt;/h3&gt;
&lt;p&gt;Allows you to select a field from the list of all available fields. Properties you add to a rule with this selector will only be applied to this single field.&lt;/p&gt;
&lt;h3 id=&#34;fields-with-name-matching-regex&#34;&gt;Fields with name matching regex&lt;/h3&gt;
&lt;p&gt;Allows you to specify a regular expression. Properties you add to a rule with this selector will be applied to all fields where the field name match the regex.&lt;/p&gt;
&lt;h3 id=&#34;fields-with-type&#34;&gt;Fields with type&lt;/h3&gt;
&lt;p&gt;Allows you to select fields by their type (string, numeric, etc). Properties you add to a rule with this selector will be applied to all fields of matching type.&lt;/p&gt;
&lt;h2 id=&#34;field-options-1&#34;&gt;Field options&lt;/h2&gt;
&lt;p&gt;This section explains all available field options. They are listed in alphabetical order.&lt;/p&gt;
&lt;p&gt;Most field options will not affect the visualization until you click outside of the field option box you are editing or press Enter.&lt;/p&gt;
&lt;h3 id=&#34;decimals&#34;&gt;Decimals&lt;/h3&gt;
&lt;p&gt;Number of decimals to render value with. Leave empty for Grafana to use the number of decimals provided by the data source.&lt;/p&gt;
&lt;p&gt;To change this setting, type a number in the field and then click outside the field or press Enter.&lt;/p&gt;
&lt;h3 id=&#34;data-links&#34;&gt;Data links&lt;/h3&gt;
&lt;p&gt;Lets you control the URL to which a value or visualization link.&lt;/p&gt;
&lt;p&gt;For more information and instructions, refer to &lt;a href=&#34;../../linking/data-links/&#34;&gt;Data links&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&#34;display-name&#34;&gt;Display name&lt;/h3&gt;
&lt;p&gt;Lets you set the display title of all fields. You can use &lt;a href=&#34;../../variables/templates-and-variables/&#34;&gt;variables&lt;/a&gt; in the field title.&lt;/p&gt;
&lt;p&gt;When multiple stats, fields, or series are shown, this field controls the title in each stat. You can use expressions like &lt;code&gt;${__field.name}&lt;/code&gt; to use only the series name or the field name in title.&lt;/p&gt;
&lt;p&gt;Given a field with a name of Temp, and labels of {&amp;ldquo;Loc&amp;rdquo;=&amp;ldquo;PBI&amp;rdquo;, &amp;ldquo;Sensor&amp;rdquo;=&amp;ldquo;3&amp;rdquo;}&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;Expression syntax&lt;/th&gt;
              &lt;th&gt;Example&lt;/th&gt;
              &lt;th&gt;Renders to&lt;/th&gt;
              &lt;th&gt;Explanation&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;code&gt;${__field.displayName}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Same as syntax&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Temp {Loc=&amp;quot;PBI&amp;quot;, Sensor=&amp;quot;3&amp;quot;}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Displays the field name, and labels in &lt;code&gt;{}&lt;/code&gt; if they are present. If there is only one label key in the response, then for the label portion, Grafana displays the value of the label without the enclosing braces.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;code&gt;${__field.name}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Same as syntax&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Temp&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Displays the name of the field (without labels).&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;code&gt;${__field.labels}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Same as syntax&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;Loc=&amp;quot;PBI&amp;quot;, Sensor=&amp;quot;3&amp;quot;&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Displays the labels without the name.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;code&gt;${__field.labels.X}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;${__field.labels.Loc}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PBI&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Displays the value of the specified label key.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;code&gt;${__field.labels.__values}&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Same as Syntax&lt;/td&gt;
              &lt;td&gt;&lt;code&gt;PBI, 3&lt;/code&gt;&lt;/td&gt;
              &lt;td&gt;Displays the values of the labels separated by a comma (without label keys).&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;If the value is an empty string after rendering the expression for a particular field, then the default display method is used.&lt;/p&gt;
&lt;h3 id=&#34;max&#34;&gt;Max&lt;/h3&gt;
&lt;p&gt;Lets you set the maximum value used in percentage threshold calculations. Leave blank for auto calculation based on all series and fields&lt;/p&gt;
&lt;h3 id=&#34;min&#34;&gt;Min&lt;/h3&gt;
&lt;p&gt;Lets you set the minimum value used in percentage threshold calculations. Leave blank for auto calculation based on all series and fields&lt;/p&gt;
&lt;h3 id=&#34;no-value&#34;&gt;No value&lt;/h3&gt;
&lt;p&gt;Enter what Grafana should display if the field value is empty or null.&lt;/p&gt;
&lt;h3 id=&#34;unit&#34;&gt;Unit&lt;/h3&gt;
&lt;p&gt;Lets you choose what unit a field should use. Click in the &lt;strong&gt;Unit&lt;/strong&gt; field, then drill down until you find the unit you want. The unit you select is applied to all fields except time.&lt;/p&gt;
&lt;h3 id=&#34;custom-units&#34;&gt;Custom units&lt;/h3&gt;
&lt;p&gt;You can use the unit dropdown to also specify custom units, custom prefix or suffix and date time formats.&lt;/p&gt;
&lt;p&gt;To select a custom unit enter the unit and select the last &lt;code&gt;Custom: xxx&lt;/code&gt; option in the dropdown.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;If y u want a space -&amp;gt; If you want a space&lt;/li&gt;
&lt;li&gt;&lt;code&gt;suffix:&amp;lt;suffix&amp;gt;&lt;/code&gt; for custom unit that should go after value.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;time:&amp;lt;format&amp;gt;&lt;/code&gt; For custom date time formats type for example &lt;code&gt;time:YYYY-MM-DD&lt;/code&gt;. See &lt;a href=&#34;https://momentjs.com/docs/#/displaying/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;formats&lt;/a&gt; for the format syntax and options.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;si:&amp;lt;base scale&amp;gt;&amp;lt;unit characters&amp;gt;&lt;/code&gt; for custom SI units. For example: &lt;code&gt;si: mF&lt;/code&gt;. This one is a bit more advanced as you can specify both a unit and the
source data scale. So if your source data is represented as milli (thousands of) something prefix the unit with that
SI scale character.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;count:&amp;lt;unit&amp;gt;&lt;/code&gt; for a custom count unit.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;currency:&amp;lt;unit&amp;gt;&lt;/code&gt; for custom a currency unit.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can also paste a native emoji in the unit picker and pick it as a custom unit:&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 captioned&#34;
        href=&#34;/static/img/docs/v66/custom_unit_burger2.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/v66/custom_unit_burger2.png&#34;data-srcset=&#34;/static/img/docs/v66/custom_unit_burger2.png?w=320 320w, /static/img/docs/v66/custom_unit_burger2.png?w=550 550w, /static/img/docs/v66/custom_unit_burger2.png?w=750 750w, /static/img/docs/v66/custom_unit_burger2.png?w=900 900w, /static/img/docs/v66/custom_unit_burger2.png?w=1040 1040w, /static/img/docs/v66/custom_unit_burger2.png?w=1240 1240w, /static/img/docs/v66/custom_unit_burger2.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;Custom unit emoji&#34;width=&#34;389&#34;height=&#34;403&#34;title=&#34;Custom unit emoji&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/v66/custom_unit_burger2.png&#34;
            alt=&#34;Custom unit emoji&#34;width=&#34;389&#34;height=&#34;403&#34;title=&#34;Custom unit emoji&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;figcaption class=&#34;w-100p caption text-gray-13  &#34;&gt;Custom unit emoji&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h4 id=&#34;string-unit&#34;&gt;String unit&lt;/h4&gt;
&lt;p&gt;Grafana can sometime be too aggressive in parsing strings and displaying them as numbers. To make Grafana show the original
string create a field override and add a unit property with the &lt;code&gt;string&lt;/code&gt; unit.&lt;/p&gt;
&lt;h3 id=&#34;thresholds&#34;&gt;Thresholds&lt;/h3&gt;
&lt;p&gt;Thresholds allow you to change the color of a field based on the value.&lt;/p&gt;
&lt;p&gt;For more information and instructions, refer to &lt;a href=&#34;../thresholds/&#34;&gt;Thresholds&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&#34;value-mapping&#34;&gt;Value mapping&lt;/h3&gt;
&lt;p&gt;Lets you set rules that translate a field value or range of values into explicit text. You can add more than one value mapping.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Mapping type -&lt;/strong&gt; Click an option.
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Value -&lt;/strong&gt; Enter a value. If the field value is greater than or equal to the value, then the &lt;strong&gt;Text&lt;/strong&gt; is displayed.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;From&lt;/strong&gt; and &lt;strong&gt;To -&lt;/strong&gt; Enter a range. If the field value is between or equal to the values in the range, then the &lt;strong&gt;Text&lt;/strong&gt; is displayed.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Text -&lt;/strong&gt; Text that is displayed if the conditions are met in a field. This field accepts variables.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;examples&#34;&gt;Examples&lt;/h2&gt;
&lt;p&gt;Here are some examples of how you might use this feature.&lt;/p&gt;
&lt;h2 id=&#34;field-option-example&#34;&gt;Field option example&lt;/h2&gt;
&lt;p&gt;Let’s assume that our result set is a data frame that consists of two fields: time and temperature.&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 style=&#34;text-align: center&#34;&gt;time&lt;/th&gt;
              &lt;th style=&#34;text-align: center&#34;&gt;temperature&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:04:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;45.0&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:05:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;47.0&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:06:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;48.0&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Each field(column) of this structure can have field options applied that alter the way its values are displayed. This means that you can, for example, set the Unit to Temperature &amp;gt; Celsius, resulting in the following table:&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 style=&#34;text-align: center&#34;&gt;time&lt;/th&gt;
              &lt;th style=&#34;text-align: center&#34;&gt;temperature&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:04:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;45.0 °C&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:05:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;47.0 °C&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:06:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;48.0 °C&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;While we&amp;rsquo;re at it, the decimal place doesn&amp;rsquo;t add anything to this display. You can change the Decimals from &lt;code&gt;auto&lt;/code&gt; to zero (&lt;code&gt;0&lt;/code&gt;), resulting in the following table:&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 style=&#34;text-align: center&#34;&gt;time&lt;/th&gt;
              &lt;th style=&#34;text-align: center&#34;&gt;temperature&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:04:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;45 °C&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:05:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;47 °C&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;2020-01-02 03:06:00&lt;/td&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;48 °C&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h2 id=&#34;field-override-example&#34;&gt;Field override example&lt;/h2&gt;
&lt;p&gt;Let’s assume that our result set is a data frame that consists of four fields: time, high temp, low temp, and humidity.&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;time&lt;/th&gt;
              &lt;th&gt;high temp&lt;/th&gt;
              &lt;th&gt;low temp&lt;/th&gt;
              &lt;th&gt;humidity&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:04:00&lt;/td&gt;
              &lt;td&gt;45.0&lt;/td&gt;
              &lt;td&gt;30.0&lt;/td&gt;
              &lt;td&gt;67&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:05:00&lt;/td&gt;
              &lt;td&gt;47.0&lt;/td&gt;
              &lt;td&gt;34.0&lt;/td&gt;
              &lt;td&gt;68&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:06:00&lt;/td&gt;
              &lt;td&gt;48.0&lt;/td&gt;
              &lt;td&gt;31.0&lt;/td&gt;
              &lt;td&gt;68&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Let&amp;rsquo;s apply the field options from the &lt;a href=&#34;#field-option-example&#34;&gt;field option example&lt;/a&gt; to apply the Celsius unit and get rid of the decimal place. This results in the following table:&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;time&lt;/th&gt;
              &lt;th&gt;high temp&lt;/th&gt;
              &lt;th&gt;low temp&lt;/th&gt;
              &lt;th&gt;humidity&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:04:00&lt;/td&gt;
              &lt;td&gt;45 °C&lt;/td&gt;
              &lt;td&gt;30 °C&lt;/td&gt;
              &lt;td&gt;67 °C&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:05:00&lt;/td&gt;
              &lt;td&gt;47 °C&lt;/td&gt;
              &lt;td&gt;34 °C&lt;/td&gt;
              &lt;td&gt;68 °C&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:06:00&lt;/td&gt;
              &lt;td&gt;48 °C&lt;/td&gt;
              &lt;td&gt;31 °C&lt;/td&gt;
              &lt;td&gt;68 °C&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;The temperature fields look good, but the humidity is nonsensical. We can fix this by applying a field option override to the humidity field and change the unit to Misc &amp;gt; percent (0-100). This results in a table that makes a lot more sense:&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;time&lt;/th&gt;
              &lt;th&gt;high temp&lt;/th&gt;
              &lt;th&gt;low temp&lt;/th&gt;
              &lt;th&gt;humidity&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:04:00&lt;/td&gt;
              &lt;td&gt;45 °C&lt;/td&gt;
              &lt;td&gt;30 °C&lt;/td&gt;
              &lt;td&gt;67%&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:05:00&lt;/td&gt;
              &lt;td&gt;47 °C&lt;/td&gt;
              &lt;td&gt;34 °C&lt;/td&gt;
              &lt;td&gt;68%&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-01-02 03:06:00&lt;/td&gt;
              &lt;td&gt;48 °C&lt;/td&gt;
              &lt;td&gt;31 °C&lt;/td&gt;
              &lt;td&gt;68%&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h1 id="field-options">Field options&lt;/h1>
&lt;p>This page explains what field options and field overrides in Grafana are and how to use them. It also includes
&lt;a href="#examples">examples&lt;/a> if you need an idea of how this feature might be useful in the real world.&lt;/p></description></item><item><title>Inspect a panel</title><link>https://grafana.com/docs/grafana/v7.1/panels/inspect-panel/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/inspect-panel/</guid><content><![CDATA[&lt;h1 id=&#34;inspect-a-panel&#34;&gt;Inspect a panel&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This documentation refers to a feature only available in Grafana 7.0&#43;.&lt;/p&gt;&lt;/blockquote&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;h2 id=&#34;panel-inspector-ui&#34;&gt;Panel inspector UI&lt;/h2&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;p&gt;The panel inspector consists of four tabs:&lt;/p&gt;
&lt;ul&gt;
&lt;li&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;/li&gt;
&lt;li&gt;&lt;strong&gt;Stats tab -&lt;/strong&gt; Shows how long your query takes and how much it returns.&lt;/li&gt;
&lt;li&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;/li&gt;
&lt;li&gt;&lt;strong&gt;Query tab -&lt;/strong&gt; Shows you the requests to the server sent when Grafana queries the data source.&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; Not all panel types include all four 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;h2 id=&#34;panel-inspector-tasks&#34;&gt;Panel inspector tasks&lt;/h2&gt;
&lt;p&gt;Tasks you can perform in the panel inspector are described below.&lt;/p&gt;
&lt;h3 id=&#34;open-the-panel-inspector&#34;&gt;Open the panel inspector&lt;/h3&gt;
&lt;p&gt;You can inspect any panel that you can view.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;In Grafana, navigate to the dashboard that contains the panel you want to inspect.&lt;/li&gt;
&lt;li&gt;Click the title of the panel you want to inspect and then click &lt;strong&gt;Inspect&lt;/strong&gt;.
Or
Hover your cursor over the panel title and then press &lt;strong&gt;i&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;The panel inspector pane opens on the right side of the screen.&lt;/p&gt;
&lt;h3 id=&#34;inspect-raw-query-results&#34;&gt;Inspect raw query results&lt;/h3&gt;
&lt;p&gt;View raw query results in a table. This is the data returned by the query with transformations applied and before the panel applies field options or field option overrides.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Open the panel inspector and then click the &lt;strong&gt;Data&lt;/strong&gt; tab or in the panel menu click &lt;strong&gt;Inspect &amp;gt; Data&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;If your panel contains multiple queries or queries multiple nodes, then you have additional options.&lt;/li&gt;
&lt;/ol&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Select result -&lt;/strong&gt; Choose which result set data you want to view.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Transform data&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Join by time -&lt;/strong&gt; View raw data from all your queries at once, one result set per column. Click a column heading to reorder the data.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;View raw query results in a table with field options and options overrides applied:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Open the &lt;strong&gt;Data&lt;/strong&gt; tab in panel inspector.&lt;/li&gt;
&lt;li&gt;Click on &lt;strong&gt;Data display options&lt;/strong&gt; above the table.&lt;/li&gt;
&lt;li&gt;Click on &lt;strong&gt;Apply field configuration&lt;/strong&gt; toggle button.&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;download-raw-query-results-as-csv&#34;&gt;Download raw query results as CSV&lt;/h3&gt;
&lt;p&gt;Grafana generates a CSV file in your default browser download location. You can open it in the viewer of your choice.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Open the panel inspector.&lt;/li&gt;
&lt;li&gt;Inspect the raw query results as described above. Adjust settings until you see the raw data that you want to export.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Download CSV&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;inspect-query-performance&#34;&gt;Inspect query performance&lt;/h3&gt;
&lt;p&gt;The Stats tab displays statistics that tell you how long your query takes, how many queries you send, and the number of rows returned. This information can help you troubleshoot your queries, especially if any of the numbers are unexpectedly high or low.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Open the panel inspector.&lt;/li&gt;
&lt;li&gt;Navigate to the Stats tab.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Statistics are displayed in read-only format.&lt;/p&gt;
&lt;h3 id=&#34;view-panel-json-model&#34;&gt;View panel JSON model&lt;/h3&gt;
&lt;p&gt;Explore and export panel, panel data, and data frame JSON models.&lt;/p&gt;
&lt;ol&gt;
&lt;li&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;/li&gt;
&lt;li&gt;In Select source, choose one of the following options:
&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;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;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;view-raw-request-and-response-to-data-source&#34;&gt;View raw request and response to data source&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;Open the panel inspector and then click the &lt;strong&gt;Query&lt;/strong&gt; tab or in the panel menu click &lt;strong&gt;Inspect &amp;gt; Query&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Refresh&lt;/strong&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Grafana sends a query to the server to collect information and then displays the result. You can now drill down on specific portions of the query, expand or collapse all of it, or copy the data to the clipboard to use in other applications.&lt;/p&gt;
]]></content><description>&lt;h1 id="inspect-a-panel">Inspect a panel&lt;/h1>
&lt;blockquote>
&lt;p>&lt;strong>Note:&lt;/strong> This documentation refers to a feature only available in Grafana 7.0+.&lt;/p>&lt;/blockquote>
&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>Panel editor</title><link>https://grafana.com/docs/grafana/v7.1/panels/panel-editor/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/panel-editor/</guid><content><![CDATA[&lt;h1 id=&#34;panel-editor&#34;&gt;Panel editor&lt;/h1&gt;
&lt;p&gt;This page describes the parts of the Grafana panel editor and links to where you can find more information.&lt;/p&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-7-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-7-0.png&#34;data-srcset=&#34;/static/img/docs/panel-editor/panel-editor-7-0.png?w=320 320w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=550 550w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=750 750w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=900 900w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=1040 1040w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=1240 1240w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;3360&#34;height=&#34;1928&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/panel-editor/panel-editor-7-0.png&#34;
            alt=&#34;&#34;width=&#34;3360&#34;height=&#34;1928&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;open-the-panel-editor&#34;&gt;Open the Panel editor&lt;/h2&gt;
&lt;p&gt;There are several ways to access the panel editor, also called the &lt;strong&gt;Edit Panel&lt;/strong&gt; screen, &lt;em&gt;edit mode&lt;/em&gt;, or &lt;em&gt;panel edit mode&lt;/em&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Click the &lt;strong&gt;Add panel&lt;/strong&gt; icon at the top of the screen and then click &lt;strong&gt;Add new panel&lt;/strong&gt;. The new panel opens in the panel editor. For detailed instructions on how to add a panel, refer to &lt;a href=&#34;../add-a-panel/&#34;&gt;Add a panel&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Click the title of an existing panel and then click &lt;strong&gt;Edit&lt;/strong&gt;. The panel opens in edit mode.&lt;/li&gt;
&lt;li&gt;Click anywhere on an existing panel and then press &lt;strong&gt;e&lt;/strong&gt; on your keyboard. The panel opens in edit mode.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;resize-panel-editor-sections&#34;&gt;Resize panel editor sections&lt;/h2&gt;
&lt;p&gt;Drag to resize sections of the panel editor. If the side pane becomes too narrow, then the Panel, Field, and Overrides tabs change to a dropdown list.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#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/panel-editor/resize-panel-editor-panels-7-0.gif&#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/resize-panel-editor-panels-7-0.gif&#34;alt=&#34;&#34;width=&#34;956&#34;height=&#34;636&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/panel-editor/resize-panel-editor-panels-7-0.gif&#34;
            alt=&#34;&#34;width=&#34;956&#34;height=&#34;636&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;parts-of-the-panel-editor&#34;&gt;Parts of the panel editor&lt;/h2&gt;
&lt;p&gt;This section describes the parts of the panel editor screen and a bit about fields, options, or tasks associated with each part. Some sections in this page link to pages where sections or tasks are documented more fully.&lt;/p&gt;
&lt;h3 id=&#34;header&#34;&gt;Header&lt;/h3&gt;
&lt;p&gt;The header section lists the name of the dashboard that the panel is in and some dashboard commands. You can also click the &lt;strong&gt;Go back&lt;/strong&gt; arrow to return to the dashboard.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1000px;&#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/edit-panel-header-7-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/edit-panel-header-7-0.png&#34;data-srcset=&#34;/static/img/docs/panel-editor/edit-panel-header-7-0.png?w=320 320w, /static/img/docs/panel-editor/edit-panel-header-7-0.png?w=550 550w, /static/img/docs/panel-editor/edit-panel-header-7-0.png?w=750 750w, /static/img/docs/panel-editor/edit-panel-header-7-0.png?w=900 900w, /static/img/docs/panel-editor/edit-panel-header-7-0.png?w=1040 1040w, /static/img/docs/panel-editor/edit-panel-header-7-0.png?w=1240 1240w, /static/img/docs/panel-editor/edit-panel-header-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;951&#34;height=&#34;40&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/panel-editor/edit-panel-header-7-0.png&#34;
            alt=&#34;&#34;width=&#34;951&#34;height=&#34;40&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;On the right side of the header are the following options:&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 all 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 the dashboard, including all changes you have made in the panel editor.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Apply -&lt;/strong&gt; Applies changes you made and then 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;h3 id=&#34;visualization-preview&#34;&gt;Visualization preview&lt;/h3&gt;
&lt;p&gt;The visualization preview section contains viewing options, time range controls, the visualization preview, and (if applicable) the panel title, axes, and legend.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1200px;&#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/visualization-preview-7-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/visualization-preview-7-0.png&#34;data-srcset=&#34;/static/img/docs/panel-editor/visualization-preview-7-0.png?w=320 320w, /static/img/docs/panel-editor/visualization-preview-7-0.png?w=550 550w, /static/img/docs/panel-editor/visualization-preview-7-0.png?w=750 750w, /static/img/docs/panel-editor/visualization-preview-7-0.png?w=900 900w, /static/img/docs/panel-editor/visualization-preview-7-0.png?w=1040 1040w, /static/img/docs/panel-editor/visualization-preview-7-0.png?w=1240 1240w, /static/img/docs/panel-editor/visualization-preview-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1851&#34;height=&#34;466&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/panel-editor/visualization-preview-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1851&#34;height=&#34;466&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Fill -&lt;/strong&gt; The visualization preview will fill the available space in the preview part. If you change the width of the side pane or height of the bottom pane the visualisation will adapt to fill whatever space is available.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Fit -&lt;/strong&gt; The visualization preview will fill the available space in but preserve the aspect ratio of the panel.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Exact -&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;h3 id=&#34;data-section-bottom-pane&#34;&gt;Data section (bottom pane)&lt;/h3&gt;
&lt;p&gt;The section contains tabs where you enter queries, transform your data, and create alert rules (if applicable).&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1200px;&#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/data-section-7-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/data-section-7-0.png&#34;data-srcset=&#34;/static/img/docs/panel-editor/data-section-7-0.png?w=320 320w, /static/img/docs/panel-editor/data-section-7-0.png?w=550 550w, /static/img/docs/panel-editor/data-section-7-0.png?w=750 750w, /static/img/docs/panel-editor/data-section-7-0.png?w=900 900w, /static/img/docs/panel-editor/data-section-7-0.png?w=1040 1040w, /static/img/docs/panel-editor/data-section-7-0.png?w=1240 1240w, /static/img/docs/panel-editor/data-section-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1852&#34;height=&#34;506&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/panel-editor/data-section-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1852&#34;height=&#34;506&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&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;../queries/&#34;&gt;Queries&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Transform tab -&lt;/strong&gt; Apply data transformations. For more information, refer to &lt;a href=&#34;../transformations/&#34;&gt;Transformations&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alert tab -&lt;/strong&gt; Write alert rules. For more information, refer to &lt;a href=&#34;../../alerting/create-alerts/&#34;&gt;Create alerts&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;panel-and-field-options-side-pane&#34;&gt;Panel and field options (side pane)&lt;/h3&gt;
&lt;p&gt;The section contains tabs where you control almost every aspect of how your data is visualized. Not all tabs are available for each visualization.&lt;/p&gt;
&lt;p&gt;Features in these tabs are documented in the following topics:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../add-a-panel/&#34;&gt;Add a panel&lt;/a&gt; describes basic panel settings.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/&#34;&gt;Visualizations&lt;/a&gt; display options vary widely. They are described in the individual visualization topic.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../field-options/&#34;&gt;Field options and overrides&lt;/a&gt; allow you to control almost every aspect of your visualization, including units, value mappings, and &lt;a href=&#34;../thresholds/&#34;&gt;Thresholds&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../linking/panel-links/&#34;&gt;Panel links&lt;/a&gt; and &lt;a href=&#34;../../linking/data-links/&#34;&gt;Data links&lt;/a&gt; help you connect your visualization to other resources.&lt;/li&gt;
&lt;/ul&gt;
]]></content><description>&lt;h1 id="panel-editor">Panel editor&lt;/h1>
&lt;p>This page describes the parts of the Grafana panel editor and links to where you can find more information.&lt;/p>
&lt;figure
class="figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow"
style="max-width: 1500px;"
itemprop="associatedMedia"
itemscope=""
itemtype="http://schema.org/ImageObject"
>&lt;a
class="lightbox-link"
href="/static/img/docs/panel-editor/panel-editor-7-0.png"
itemprop="contentUrl"
>&lt;div class="img-wrapper w-100p h-auto">&lt;img
class="lazyload "
data-src="/static/img/docs/panel-editor/panel-editor-7-0.png"data-srcset="/static/img/docs/panel-editor/panel-editor-7-0.png?w=320 320w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=550 550w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=750 750w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=900 900w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=1040 1040w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=1240 1240w, /static/img/docs/panel-editor/panel-editor-7-0.png?w=1920 1920w"data-sizes="auto"alt=""width="3360"height="1928"/>
&lt;noscript>
&lt;img
src="/static/img/docs/panel-editor/panel-editor-7-0.png"
alt=""width="3360"height="1928"class="docs-image--no-shadow"/>
&lt;/noscript>&lt;/div>&lt;/a>&lt;/figure>
&lt;h2 id="open-the-panel-editor">Open the Panel editor&lt;/h2>
&lt;p>There are several ways to access the panel editor, also called the &lt;strong>Edit Panel&lt;/strong> screen, &lt;em>edit mode&lt;/em>, or &lt;em>panel edit mode&lt;/em>:&lt;/p></description></item><item><title>Panels</title><link>https://grafana.com/docs/grafana/v7.1/panels/panels-overview/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/panels-overview/</guid><content><![CDATA[&lt;h1 id=&#34;panel-overview&#34;&gt;Panel overview&lt;/h1&gt;
&lt;p&gt;The &lt;em&gt;panel&lt;/em&gt; is the basic visualization building block in Grafana. Each panel has a query editor specific to the data source selected in the panel. The query editor allows you to extract the perfect visualization to display on the panel.&lt;/p&gt;
&lt;p&gt;With the exception of a few special use panels, a panel is a visual representation of one or more queries. The queries display data over time. This can range from temperature fluctuations to current server status to a list of logs or alerts.&lt;/p&gt;
&lt;p&gt;In order to display data, you need to have at least one data source added to Grafana. Refer to &lt;a href=&#34;../../features/datasources/add-a-data-source/&#34;&gt;Add a data source&lt;/a&gt; for instructions, or see our &lt;a href=&#34;../../getting-started/getting-started/&#34;&gt;Getting started&lt;/a&gt; guide if you want to make your first dashboard and panel using our TestData DB data source.&lt;/p&gt;
&lt;p&gt;There are a wide variety of styling and formatting options for each panel. Panels can be dragged and dropped and rearranged on the dashboard. They can also be resized.&lt;/p&gt;
&lt;h2 id=&#34;move-or-resize-panels&#34;&gt;Move or resize panels&lt;/h2&gt;
&lt;p&gt;You can drag and drop panels by clicking and holding the panel title, then dragging it to its new location. You can also easily resize panels by clicking the (-) and (&#43;) icons.&lt;/p&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 fullscreen view.&lt;/li&gt;
&lt;/ul&gt;
]]></content><description>&lt;h1 id="panel-overview">Panel overview&lt;/h1>
&lt;p>The &lt;em>panel&lt;/em> is the basic visualization building block in Grafana. Each panel has a query editor specific to the data source selected in the panel. The query editor allows you to extract the perfect visualization to display on the panel.&lt;/p></description></item><item><title>Prerequisites</title><link>https://grafana.com/docs/grafana/v7.1/panels/transformations/prereq/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/transformations/prereq/</guid><content><![CDATA[&lt;h1 id=&#34;prerequisites&#34;&gt;Prerequisites&lt;/h1&gt;
&lt;p&gt;Before you can configure and apply transformations:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;You must have entered a query and returned data from a data source. For more information on queries, refer to &lt;a href=&#34;../../queries/&#34;&gt;Queries&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;You must have applied a visualization that supports queries. Examples are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../../visualizations/bar-gauge-panel/&#34;&gt;Bar gauge&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../visualizations/gauge-panel/&#34;&gt;Gauge&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../visualizations/graph-panel/&#34;&gt;Graph&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../visualizations/heatmap/&#34;&gt;Heatmap&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../visualizations/logs-panel/&#34;&gt;Logs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../visualizations/stat-panel/&#34;&gt;Stat&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../../visualizations/table-panel/&#34;&gt;Table&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
]]></content><description>&lt;h1 id="prerequisites">Prerequisites&lt;/h1>
&lt;p>Before you can configure and apply transformations:&lt;/p>
&lt;ul>
&lt;li>
&lt;p>You must have entered a query and returned data from a data source. For more information on queries, refer to &lt;a href="../../queries/">Queries&lt;/a>.&lt;/p></description></item><item><title>Queries</title><link>https://grafana.com/docs/grafana/v7.1/panels/queries/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/queries/</guid><content><![CDATA[&lt;h1 id=&#34;queries&#34;&gt;Queries&lt;/h1&gt;
&lt;p&gt;&lt;em&gt;Queries&lt;/em&gt; are how Grafana panels communicate with data sources to get data for the visualization. A query is a question written in the query language used by the data source. Grafana asks, &amp;ldquo;Hey data source, would you send me this data, organized this way?&amp;rdquo; If the query is properly formed, then the data source responds. How often the query is sent to the data source and how many data points are collected can be adjusted in the panel data source options.&lt;/p&gt;
&lt;p&gt;Grafana supports up to 26 queries per panel.&lt;/p&gt;
&lt;h2 id=&#34;query-editors&#34;&gt;Query editors&lt;/h2&gt;
&lt;p&gt;Query editors are forms that help you write queries. Depending on your data source, the query editor might provide auto-completion, metric names, or variable suggestion.&lt;/p&gt;
&lt;p&gt;Because of the difference between query languages, data sources may have query editors that look different. Here are two examples of query editors:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;InfluxDB query editor&lt;/strong&gt;&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1000px;&#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/queries/influxdb-query-editor-7-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/queries/influxdb-query-editor-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/influxdb-query-editor-7-0.png?w=320 320w, /static/img/docs/queries/influxdb-query-editor-7-0.png?w=550 550w, /static/img/docs/queries/influxdb-query-editor-7-0.png?w=750 750w, /static/img/docs/queries/influxdb-query-editor-7-0.png?w=900 900w, /static/img/docs/queries/influxdb-query-editor-7-0.png?w=1040 1040w, /static/img/docs/queries/influxdb-query-editor-7-0.png?w=1240 1240w, /static/img/docs/queries/influxdb-query-editor-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;2058&#34;height=&#34;762&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/influxdb-query-editor-7-0.png&#34;
            alt=&#34;&#34;width=&#34;2058&#34;height=&#34;762&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;&lt;strong&gt;Prometheus (PromQL) query editor&lt;/strong&gt;&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1000px;&#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/queries/prometheus-query-editor-7-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/queries/prometheus-query-editor-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/prometheus-query-editor-7-0.png?w=320 320w, /static/img/docs/queries/prometheus-query-editor-7-0.png?w=550 550w, /static/img/docs/queries/prometheus-query-editor-7-0.png?w=750 750w, /static/img/docs/queries/prometheus-query-editor-7-0.png?w=900 900w, /static/img/docs/queries/prometheus-query-editor-7-0.png?w=1040 1040w, /static/img/docs/queries/prometheus-query-editor-7-0.png?w=1240 1240w, /static/img/docs/queries/prometheus-query-editor-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;2058&#34;height=&#34;602&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/prometheus-query-editor-7-0.png&#34;
            alt=&#34;&#34;width=&#34;2058&#34;height=&#34;602&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;query-syntax&#34;&gt;Query syntax&lt;/h2&gt;
&lt;p&gt;Data sources have different query languages and syntaxes to ask for the data. Here are two query examples:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;PostgreSQL&lt;/strong&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet code-snippet__mini&#34;&gt;&lt;div class=&#34;lang-toolbar__mini&#34;&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&gt;&lt;div class=&#34;code-snippet code-snippet__border&#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-none&#34;&gt;SELECT hostname FROM host  WHERE region IN($region)&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;PromQL&lt;/strong&gt;&lt;/p&gt;

&lt;div class=&#34;code-snippet code-snippet__mini&#34;&gt;&lt;div class=&#34;lang-toolbar__mini&#34;&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&gt;&lt;div class=&#34;code-snippet code-snippet__border&#34;&gt;
    &lt;pre data-expanded=&#34;false&#34;&gt;&lt;code class=&#34;language-none&#34;&gt;query_result(max_over_time(&amp;lt;metric&amp;gt;[${__range_s}s]) != &amp;lt;state&amp;gt;)&lt;/code&gt;&lt;/pre&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;For more information about writing a query for your data source, refer to the specific &lt;a href=&#34;../../features/datasources/&#34;&gt;Grafana data source&lt;/a&gt; documentation.&lt;/p&gt;
&lt;h2 id=&#34;query-tab-ui&#34;&gt;Query tab UI&lt;/h2&gt;
&lt;p&gt;The Query tab consists of the following elements:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Data source selector&lt;/li&gt;
&lt;li&gt;Query options&lt;/li&gt;
&lt;li&gt;Query inspector button&lt;/li&gt;
&lt;li&gt;Query editor list&lt;/li&gt;
&lt;/ul&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1000px;&#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/queries/query-editor-7-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/queries/query-editor-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/query-editor-7-0.png?w=320 320w, /static/img/docs/queries/query-editor-7-0.png?w=550 550w, /static/img/docs/queries/query-editor-7-0.png?w=750 750w, /static/img/docs/queries/query-editor-7-0.png?w=900 900w, /static/img/docs/queries/query-editor-7-0.png?w=1040 1040w, /static/img/docs/queries/query-editor-7-0.png?w=1240 1240w, /static/img/docs/queries/query-editor-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;929&#34;height=&#34;261&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/query-editor-7-0.png&#34;
            alt=&#34;&#34;width=&#34;929&#34;height=&#34;261&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;data-source-selector&#34;&gt;Data source selector&lt;/h3&gt;
&lt;p&gt;The data source selector is a drop-down list. Click it to select a data source you have added. When you create a panel, Grafana automatically selects your default data source. For more information about adding data sources, refer to &lt;a href=&#34;../../features/datasources/add-a-data-source/&#34;&gt;Add a data source&lt;/a&gt;.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 250px;&#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/queries/data-source-selector-7-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/queries/data-source-selector-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/data-source-selector-7-0.png?w=320 320w, /static/img/docs/queries/data-source-selector-7-0.png?w=550 550w, /static/img/docs/queries/data-source-selector-7-0.png?w=750 750w, /static/img/docs/queries/data-source-selector-7-0.png?w=900 900w, /static/img/docs/queries/data-source-selector-7-0.png?w=1040 1040w, /static/img/docs/queries/data-source-selector-7-0.png?w=1240 1240w, /static/img/docs/queries/data-source-selector-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;554&#34;height=&#34;1236&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/data-source-selector-7-0.png&#34;
            alt=&#34;&#34;width=&#34;554&#34;height=&#34;1236&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;In addition to the data sources that you have configured in your Grafana, there are three special data sources available:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Grafana -&lt;/strong&gt; A built-in data source that generates random walk data. Useful for testing visualizations and running experiments.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Mixed -&lt;/strong&gt; Select this to query multiple data sources in the same panel. When this data source is selected, Grafana allows you to select a data source for every new query that you add.
&lt;ul&gt;
&lt;li&gt;The first query will use the data source that was selected before you selected &lt;strong&gt;Mixed&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;You cannot change an existing query to use the Mixed Data Source.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Dashboard -&lt;/strong&gt; Select this to use a result set from another panel in the same dashboard.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;query-options&#34;&gt;Query options&lt;/h3&gt;
&lt;p&gt;Click &lt;strong&gt;Query options&lt;/strong&gt; next to the data source selector to see settings for your selected data source. Changes you make here affect only queries made in this panel.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1000px;&#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/queries/data-source-options-7-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/queries/data-source-options-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/data-source-options-7-0.png?w=320 320w, /static/img/docs/queries/data-source-options-7-0.png?w=550 550w, /static/img/docs/queries/data-source-options-7-0.png?w=750 750w, /static/img/docs/queries/data-source-options-7-0.png?w=900 900w, /static/img/docs/queries/data-source-options-7-0.png?w=1040 1040w, /static/img/docs/queries/data-source-options-7-0.png?w=1240 1240w, /static/img/docs/queries/data-source-options-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;2064&#34;height=&#34;474&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/data-source-options-7-0.png&#34;
            alt=&#34;&#34;width=&#34;2064&#34;height=&#34;474&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;Grafana sets defaults that are shown in dark gray text. Changes are displayed in white text. To return a field to the default setting, delete the white text from the field.&lt;/p&gt;
&lt;p&gt;Panel data source query options:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Max data points -&lt;/strong&gt; If the data source supports it, sets the maximum numbers of data points for each series returned. If the query returns more data points than the max data points setting, then the data source consolidates them (reduces the number of points returned by aggregating them together by average or max or other function).&lt;/p&gt;
&lt;p&gt;There are two main reasons for limiting the number of points, performance and smoothing the line. The default value is the width (or number of pixels) of the graph as there is no point in having more data points than the graph panel can display.&lt;/p&gt;
&lt;p&gt;With streaming data, the max data points value is used for the rolling buffer. (Streaming is a continuous flow of data and buffering is a way of dividing the stream into chunks). Loki streams data in the live tailing mode.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Min interval -&lt;/strong&gt; Sets a minimum limit for the automatically calculated interval, typically the minimum scrape interval. If a data point is saved every 15 seconds, then there&amp;rsquo;s no point in having an interval lower than that. Another use case is to set it to a higher minimum than the scrape interval to get more coarse-grained, well-functioning queries.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Interval -&lt;/strong&gt; The interval is a time span that you can use when aggregating or grouping data points by time.&lt;/p&gt;
&lt;p&gt;Grafana automatically calculates an appropriate interval and it can be used as a variable in templated queries. The variable is either in seconds: &lt;code&gt;$__interval&lt;/code&gt; or in milliseconds: &lt;code&gt;$__interval_ms&lt;/code&gt;. It is typically used in aggregation functions like sum or average. For example, a Prometheus query using the interval variable: &lt;code&gt;rate(http_requests_total[$__interval])&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;This automatic interval is calculated based on the width of the graph. If the user zooms out a lot then the interval becomes greater, resulting in a more coarse grained aggregation whereas if the user zooms in then the interval decreases resulting in a more fine grained aggregation.&lt;/p&gt;
&lt;p&gt;For more information, refer to &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;&lt;strong&gt;Relative time -&lt;/strong&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 top right corner of the dashboard. This allows you to show metrics from different time periods or days on the same dashboard.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Time shift -&lt;/strong&gt; The time shift function is another way to override the time range for individual panels. It only works with relative time ranges and allows you to adjust the time range.&lt;/p&gt;
&lt;p&gt;For example, you could shift the time range for the panel to be two hours earlier than the dashboard time picker. For more information, refer to &lt;a href=&#34;../../dashboards/time-range-controls/&#34;&gt;Time range controls&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Cache timeout -&lt;/strong&gt; (This field is only visible if available in your data source.) If your time series store has a query cache, then this option can override the default cache timeout. Specified as a numeric value in seconds.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;query-inspector-button&#34;&gt;Query inspector button&lt;/h3&gt;
&lt;p&gt;You can click &lt;strong&gt;Query inspector&lt;/strong&gt; to open the Query tab of the panel inspector where you can see the query request sent by the panel and the response.&lt;/p&gt;
&lt;p&gt;Click &lt;strong&gt;Refresh&lt;/strong&gt; to see the full text of the request sent by this panel to the server.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; You need to add at least one query before the Query inspector can return results.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;For more information about the panel inspector, refer to &lt;a href=&#34;../inspect-panel/&#34;&gt;Inspect a panel&lt;/a&gt;.&lt;/p&gt;
&lt;h3 id=&#34;query-editor-list&#34;&gt;Query editor list&lt;/h3&gt;
&lt;p&gt;In the UI, queries are organized in collapsible query rows. Each query row contains a query editor and is identified with a letter (A, B, C, and so on).&lt;/p&gt;
&lt;p&gt;You can:&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 style=&#34;text-align: center&#34;&gt;Icon&lt;/th&gt;
              &lt;th style=&#34;text-align: left&#34;&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 20px;&#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/queries/move-up-icon-7-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/queries/move-up-icon-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/move-up-icon-7-0.png?w=320 320w, /static/img/docs/queries/move-up-icon-7-0.png?w=550 550w, /static/img/docs/queries/move-up-icon-7-0.png?w=750 750w, /static/img/docs/queries/move-up-icon-7-0.png?w=900 900w, /static/img/docs/queries/move-up-icon-7-0.png?w=1040 1040w, /static/img/docs/queries/move-up-icon-7-0.png?w=1240 1240w, /static/img/docs/queries/move-up-icon-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/move-up-icon-7-0.png&#34;
            alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt; &lt;figure
     class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
     style=&#34;max-width: 20px;&#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/queries/move-down-icon-7-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/queries/move-down-icon-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/move-down-icon-7-0.png?w=320 320w, /static/img/docs/queries/move-down-icon-7-0.png?w=550 550w, /static/img/docs/queries/move-down-icon-7-0.png?w=750 750w, /static/img/docs/queries/move-down-icon-7-0.png?w=900 900w, /static/img/docs/queries/move-down-icon-7-0.png?w=1040 1040w, /static/img/docs/queries/move-down-icon-7-0.png?w=1240 1240w, /static/img/docs/queries/move-down-icon-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;/&gt;
         &lt;noscript&gt;
           &lt;img
             src=&#34;/static/img/docs/queries/move-down-icon-7-0.png&#34;
             alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
         &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Change the order of queries by moving them up or down. The order of results reflects the order of the queries, so you can often adjust your visual results based on query order.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 30px;&#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/queries/duplicate-query-icon-7-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/queries/duplicate-query-icon-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/duplicate-query-icon-7-0.png?w=320 320w, /static/img/docs/queries/duplicate-query-icon-7-0.png?w=550 550w, /static/img/docs/queries/duplicate-query-icon-7-0.png?w=750 750w, /static/img/docs/queries/duplicate-query-icon-7-0.png?w=900 900w, /static/img/docs/queries/duplicate-query-icon-7-0.png?w=1040 1040w, /static/img/docs/queries/duplicate-query-icon-7-0.png?w=1240 1240w, /static/img/docs/queries/duplicate-query-icon-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/duplicate-query-icon-7-0.png&#34;
            alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Copy a query. Duplicating queries is useful when working with multiple complex queries that are similar and you want to either experiment with different variants or do minor alterations.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 30px;&#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/queries/hide-query-icon-7-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/queries/hide-query-icon-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/hide-query-icon-7-0.png?w=320 320w, /static/img/docs/queries/hide-query-icon-7-0.png?w=550 550w, /static/img/docs/queries/hide-query-icon-7-0.png?w=750 750w, /static/img/docs/queries/hide-query-icon-7-0.png?w=900 900w, /static/img/docs/queries/hide-query-icon-7-0.png?w=1040 1040w, /static/img/docs/queries/hide-query-icon-7-0.png?w=1240 1240w, /static/img/docs/queries/hide-query-icon-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/hide-query-icon-7-0.png&#34;
            alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Hide a query. Grafana does not send hidden queries to the data source.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td style=&#34;text-align: center&#34;&gt;&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 30px;&#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/queries/remove-query-icon-7-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/queries/remove-query-icon-7-0.png&#34;data-srcset=&#34;/static/img/docs/queries/remove-query-icon-7-0.png?w=320 320w, /static/img/docs/queries/remove-query-icon-7-0.png?w=550 550w, /static/img/docs/queries/remove-query-icon-7-0.png?w=750 750w, /static/img/docs/queries/remove-query-icon-7-0.png?w=900 900w, /static/img/docs/queries/remove-query-icon-7-0.png?w=1040 1040w, /static/img/docs/queries/remove-query-icon-7-0.png?w=1240 1240w, /static/img/docs/queries/remove-query-icon-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/queries/remove-query-icon-7-0.png&#34;
            alt=&#34;&#34;width=&#34;56&#34;height=&#34;58&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;&lt;/td&gt;
              &lt;td style=&#34;text-align: left&#34;&gt;Remove a query. Removing a query permanently deletes it, but sometimes you can recover deleted queries by reverting to previously saved versions of the panel.&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h1 id="queries">Queries&lt;/h1>
&lt;p>&lt;em>Queries&lt;/em> are how Grafana panels communicate with data sources to get data for the visualization. A query is a question written in the query language used by the data source. Grafana asks, &amp;ldquo;Hey data source, would you send me this data, organized this way?&amp;rdquo; If the query is properly formed, then the data source responds. How often the query is sent to the data source and how many data points are collected can be adjusted in the panel data source options.&lt;/p></description></item><item><title>Thresholds</title><link>https://grafana.com/docs/grafana/v7.1/panels/thresholds/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/thresholds/</guid><content><![CDATA[&lt;h1 id=&#34;thresholds&#34;&gt;Thresholds&lt;/h1&gt;
&lt;p&gt;Thresholds set the color of either the value text or the background depending on conditions that you define.&lt;/p&gt;
&lt;p&gt;You can define thresholds one of two ways:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Absolute&lt;/strong&gt; thresholds are defined based on a number. For example, 80 on a scale of 1 to 150.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Percentage&lt;/strong&gt; thresholds are defined relative to minimum or maximum. For example, 80 percent.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can apply thresholds to the following visualizations:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/bar-gauge-panel/&#34;&gt;Bar gauge&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/gauge-panel/&#34;&gt;Gauge&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/graph-panel/&#34;&gt;Graph&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/stat-panel/&#34;&gt;Stat&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/table-panel/&#34;&gt;Table&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;default-thresholds&#34;&gt;Default thresholds&lt;/h2&gt;
&lt;p&gt;On visualizations that support it, Grafana sets default threshold values of:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;80 = red&lt;/li&gt;
&lt;li&gt;Base = green&lt;/li&gt;
&lt;li&gt;Mode = Absolute&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The &lt;strong&gt;Base&lt;/strong&gt; value represents minus infinity. It is generally the “good” color.&lt;/p&gt;
&lt;h2 id=&#34;add-a-threshold&#34;&gt;Add a threshold&lt;/h2&gt;
&lt;p&gt;You can add as many thresholds to a panel as you want. Grafana automatically sorts thresholds from highest value to lowest.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; These instructions apply only to the Stat, Gauge, Bar gauge, and Table visualizations.&lt;/p&gt;&lt;/blockquote&gt;
&lt;ol&gt;
&lt;li&gt;Navigate to the panel you want to add a threshold to.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;Field&lt;/strong&gt; tab.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Add threshold&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Grafana adds a threshold with suggested numerical and color values.&lt;/li&gt;
&lt;li&gt;Accept the recommendations or edit the new threshold.
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Edit color:&lt;/strong&gt; Click the color dot you wish to change and then select a new color.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Edit number:&lt;/strong&gt; Click the number you wish to change and then enter a new number.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Thresholds mode -&lt;/strong&gt; Click the mode to change it for all thresholds on this panel.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Save&lt;/strong&gt; to save the changes in the dashboard.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;add-a-threshold-to-a-graph-panel&#34;&gt;Add a threshold to a Graph panel&lt;/h2&gt;
&lt;p&gt;In the Graph panel visualization, thresholds allow you to add arbitrary lines or sections to the graph to make it easier to see when the graph crosses a particular threshold.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Navigate to the graph panel you want to add a threshold to.&lt;/li&gt;
&lt;li&gt;On the Panel tab, click &lt;strong&gt;Thresholds&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Add threshold&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Fill in as many fields as you want. Only the &lt;strong&gt;T1&lt;/strong&gt; fields are required.
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;T1 -&lt;/strong&gt; Both values are required to display a threshold.
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;lt&lt;/strong&gt; or &lt;strong&gt;gt&lt;/strong&gt; - Select &lt;strong&gt;lt&lt;/strong&gt; for less than or &lt;strong&gt;gt&lt;/strong&gt; for greater than to indicate what the threshold applies to.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Value -&lt;/strong&gt; Enter a threshold value. Grafana draws a threshold line along the Y-axis at that value.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Color -&lt;/strong&gt; Choose a condition that corresponds to a color, or define your own color.
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;custom -&lt;/strong&gt; You define the fill color and line color.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;critical -&lt;/strong&gt; Fill and line color are red.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;warning -&lt;/strong&gt; Fill and line color are yellow.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ok -&lt;/strong&gt; Fill and line color are green.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Fill -&lt;/strong&gt; Controls whether the threshold fill is displayed.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Line -&lt;/strong&gt; Controls whether the threshold line is displayed.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Y-Axis -&lt;/strong&gt; Choose &lt;strong&gt;left&lt;/strong&gt; or &lt;strong&gt;right&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Save&lt;/strong&gt; to save the changes in the dashboard.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;delete-a-threshold&#34;&gt;Delete a threshold&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Navigate to the panel you want to add a threshold to.&lt;/li&gt;
&lt;li&gt;Click the &lt;strong&gt;Field&lt;/strong&gt; tab. (Or &lt;strong&gt;Panel&lt;/strong&gt; tab for a graph panel.)&lt;/li&gt;
&lt;li&gt;Click the trash can icon next to the threshold you want to remove.&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;Save&lt;/strong&gt; to save the changes in the dashboard.&lt;/li&gt;
&lt;/ol&gt;
]]></content><description>&lt;h1 id="thresholds">Thresholds&lt;/h1>
&lt;p>Thresholds set the color of either the value text or the background depending on conditions that you define.&lt;/p>
&lt;p>You can define thresholds one of two ways:&lt;/p></description></item><item><title>Transformation types and options</title><link>https://grafana.com/docs/grafana/v7.1/panels/transformations/types-options/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/transformations/types-options/</guid><content><![CDATA[&lt;h1 id=&#34;transformation-types-and-options&#34;&gt;Transformation types and options&lt;/h1&gt;
&lt;p&gt;Grafana comes with the following transformations:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#reduce&#34;&gt;Reduce&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#filter-by-name&#34;&gt;Filter by name&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#filter-data-by-query&#34;&gt;Filter data by query&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#organize-fields&#34;&gt;Organize fields&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#join-by-field-outer-join&#34;&gt;Outer join&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#series-to-rows&#34;&gt;Series to rows&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#add-field-from-calculation&#34;&gt;Add field from calculation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#labels-to-fields&#34;&gt;Labels to fields&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#group-by&#34;&gt;Group by&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#merge&#34;&gt;Merge&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Keep reading for detailed descriptions of each type of transformation and the options available for each, as well as suggestions on how to use them.&lt;/p&gt;
&lt;h2 id=&#34;reduce&#34;&gt;Reduce&lt;/h2&gt;
&lt;p&gt;Apply a &lt;em&gt;Reduce&lt;/em&gt; transformation when you want to simplify your results down to one value. Reduce removes the time component. If visualized as a table, it reduces a column down to one row (value).&lt;/p&gt;
&lt;p&gt;In the &lt;strong&gt;Calculations&lt;/strong&gt; field, enter one or more calculation types. Click to see a list of calculation choices. For information about available calculations, refer to the &lt;a href=&#34;../../calculations-list/&#34;&gt;Calculation list&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Once you select at least one calculation, Grafana reduces the results down to one value using the calculation you select. If you select more than one calculation, then more than one value is displayed.&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s an example of a table with time series data. Before I apply the transformation, you can see all the data organized by time.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/reduce-before-7-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/transformations/reduce-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/reduce-before-7-0.png?w=320 320w, /static/img/docs/transformations/reduce-before-7-0.png?w=550 550w, /static/img/docs/transformations/reduce-before-7-0.png?w=750 750w, /static/img/docs/transformations/reduce-before-7-0.png?w=900 900w, /static/img/docs/transformations/reduce-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/reduce-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/reduce-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1562&#34;height=&#34;356&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/reduce-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1562&#34;height=&#34;356&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;After I apply the transformation, there is no time value and each column has been reduced to one row showing the results of the calculations that I chose.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/reduce-after-7-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/transformations/reduce-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/reduce-after-7-0.png?w=320 320w, /static/img/docs/transformations/reduce-after-7-0.png?w=550 550w, /static/img/docs/transformations/reduce-after-7-0.png?w=750 750w, /static/img/docs/transformations/reduce-after-7-0.png?w=900 900w, /static/img/docs/transformations/reduce-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/reduce-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/reduce-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1565&#34;height=&#34;659&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/reduce-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1565&#34;height=&#34;659&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;merge&#34;&gt;Merge&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation is only available in Grafana 7.1&#43;.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Use this transformation to combine the result from multiple queries into one single result. This is helpful when using the table panel visualization. Values that can be merged are combined into the same row. Values are mergeable if the shared fields contains the same data. For information, refer to &lt;a href=&#34;../../visualizations/table-panel/&#34;&gt;Table panel&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;In the example below, we have two queries returning table data. It is visualized as two separate tables before applying the transformation.&lt;/p&gt;
&lt;p&gt;Query A:&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;Time&lt;/th&gt;
              &lt;th&gt;Job&lt;/th&gt;
              &lt;th&gt;Uptime&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;node&lt;/td&gt;
              &lt;td&gt;25260122&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:24:20&lt;/td&gt;
              &lt;td&gt;postgre&lt;/td&gt;
              &lt;td&gt;123001233&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Query B:&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;Time&lt;/th&gt;
              &lt;th&gt;Job&lt;/th&gt;
              &lt;th&gt;Errors&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;node&lt;/td&gt;
              &lt;td&gt;15&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:24:20&lt;/td&gt;
              &lt;td&gt;postgre&lt;/td&gt;
              &lt;td&gt;5&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Here is the result after applying the Merge transformation.&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;Time&lt;/th&gt;
              &lt;th&gt;Job&lt;/th&gt;
              &lt;th&gt;Errors&lt;/th&gt;
              &lt;th&gt;Uptime&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;node&lt;/td&gt;
              &lt;td&gt;15&lt;/td&gt;
              &lt;td&gt;25260122&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:24:20&lt;/td&gt;
              &lt;td&gt;postgre&lt;/td&gt;
              &lt;td&gt;5&lt;/td&gt;
              &lt;td&gt;123001233&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h2 id=&#34;filter-by-name&#34;&gt;Filter by name&lt;/h2&gt;
&lt;p&gt;Use this transformation to remove portions of the query results.&lt;/p&gt;
&lt;p&gt;Grafana displays the &lt;strong&gt;Identifier&lt;/strong&gt; field, followed by the fields returned by your query.&lt;/p&gt;
&lt;p&gt;You can apply filters in one of two ways:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Enter a regex expression.&lt;/li&gt;
&lt;li&gt;Click a field to toggle filtering on that field. Filtered fields are displayed with dark gray text, unfiltered fields have white text.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In the example below, I removed the Min field from the results.&lt;/p&gt;
&lt;p&gt;Here is the original query table. (This is streaming data, so numbers change over time and between screenshots.)&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-name-table-before-7-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/transformations/filter-name-table-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-name-table-before-7-0.png?w=320 320w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=550 550w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=750 750w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=900 900w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1181&#34;height=&#34;338&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-name-table-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1181&#34;height=&#34;338&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;Here is the table after I applied the transformation to remove the Min field.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-name-table-after-7-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/transformations/filter-name-table-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-name-table-after-7-0.png?w=320 320w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=550 550w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=750 750w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=900 900w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1545&#34;height=&#34;680&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-name-table-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1545&#34;height=&#34;680&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;Here is the same query using a Stat visualization.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-name-stat-after-7-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/transformations/filter-name-stat-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-name-stat-after-7-0.png?w=320 320w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=550 550w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=750 750w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=900 900w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1830&#34;height=&#34;730&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-name-stat-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1830&#34;height=&#34;730&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;filter-data-by-query&#34;&gt;Filter data by query&lt;/h2&gt;
&lt;p&gt;Use this transformation in panels that have multiple queries, if you want to hide one or more of the queries.&lt;/p&gt;
&lt;p&gt;Grafana displays the query identification letters in dark gray text. Click a query identifier to toggle filtering. If the query letter is white, then the results are displayed. If the query letter is dark, then the results are hidden.&lt;/p&gt;
&lt;p&gt;In the example below, the panel has three queries (A, B, C). I removed the B query from the visualization.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-by-query-stat-example-7-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/transformations/filter-by-query-stat-example-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=320 320w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=550 550w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=750 750w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=900 900w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1841&#34;height=&#34;672&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-by-query-stat-example-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1841&#34;height=&#34;672&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;organize-fields&#34;&gt;Organize fields&lt;/h2&gt;
&lt;p&gt;Use this transformation to rename, reorder, or hide fields returned by the query.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation only works in panels with a single query. If your panel has multiple queries, then you must either apply an Outer join transformation or remove the extra queries.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Grafana displays a list of fields returned by the query. You can:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Change field order by hovering your cursor over a field. The cursor turns into a hand and then you can drag the field to its new place.&lt;/li&gt;
&lt;li&gt;Hide or show a field by clicking the eye icon next to the field name.&lt;/li&gt;
&lt;li&gt;Rename fields by typing a new name in the &lt;strong&gt;Rename &lt;field&gt;&lt;/strong&gt; box.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In the example below, I hid the value field and renamed Max and Min.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/organize-fields-stat-example-7-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/transformations/organize-fields-stat-example-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=320 320w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=550 550w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=750 750w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=900 900w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=1040 1040w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=1240 1240w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1858&#34;height=&#34;892&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/organize-fields-stat-example-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1858&#34;height=&#34;892&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;join-by-field-outer-join&#34;&gt;Join by field (outer join)&lt;/h2&gt;
&lt;p&gt;Use this transformation to join multiple time series from a result set by field.&lt;/p&gt;
&lt;p&gt;This transformation is especially useful if you want to combine queries so that you can calculate results from the fields.&lt;/p&gt;
&lt;p&gt;In the example below, I have a template query displaying time series data from multiple servers in a table visualization. I can only view the results of one query at a time.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/join-fields-before-7-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/transformations/join-fields-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/join-fields-before-7-0.png?w=320 320w, /static/img/docs/transformations/join-fields-before-7-0.png?w=550 550w, /static/img/docs/transformations/join-fields-before-7-0.png?w=750 750w, /static/img/docs/transformations/join-fields-before-7-0.png?w=900 900w, /static/img/docs/transformations/join-fields-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/join-fields-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/join-fields-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1283&#34;height=&#34;583&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/join-fields-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1283&#34;height=&#34;583&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;I applied a transformation to join the query results using the time field. Now I can run calculations, combine, and organize the results in this new table.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/join-fields-after-7-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/transformations/join-fields-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/join-fields-after-7-0.png?w=320 320w, /static/img/docs/transformations/join-fields-after-7-0.png?w=550 550w, /static/img/docs/transformations/join-fields-after-7-0.png?w=750 750w, /static/img/docs/transformations/join-fields-after-7-0.png?w=900 900w, /static/img/docs/transformations/join-fields-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/join-fields-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/join-fields-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1236&#34;height=&#34;641&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/join-fields-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1236&#34;height=&#34;641&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;add-field-from-calculation&#34;&gt;Add field from calculation&lt;/h2&gt;
&lt;p&gt;Use this transformation to add a new field calculated from two other fields. Each transformation allows you to add one new field.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Mode -&lt;/strong&gt; Select a mode:
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Reduce row -&lt;/strong&gt; Apply selected calculation on each row of selected fields independently.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Binary option -&lt;/strong&gt; Apply basic math operation(sum, multiply, etc) on values in a single row from two selected fields.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Field name -&lt;/strong&gt; Select the names of fields you want to use in the calculation for the new field.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Calculation -&lt;/strong&gt; Select a calculation to use when Grafana creates the new field. Click in the field to see a list of calculation choices. For information about available calculations, refer to the &lt;a href=&#34;../../calculations-list/&#34;&gt;Calculation list&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alias -&lt;/strong&gt; (Optional) Enter the name of your new field. If you leave this blank, then the field will be named to match the calculation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Replace all fields -&lt;/strong&gt; (Optional) Select this option if you want to hide all other fields and display only your calculated field in the visualization.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In the example below, I added two fields together and named them Sum.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/add-field-from-calc-stat-example-7-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/transformations/add-field-from-calc-stat-example-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=320 320w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=550 550w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=750 750w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=900 900w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=1040 1040w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=1240 1240w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1846&#34;height=&#34;962&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1846&#34;height=&#34;962&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;labels-to-fields&#34;&gt;Labels to fields&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; In order to apply this transformation, your query needs to returns labeled fields.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;When you select this transformation, Grafana automatically transforms all labeled data into fields.&lt;/p&gt;
&lt;p&gt;Example: Given a query result of two time series&lt;/p&gt;
&lt;p&gt;1: labels Server=Server A, Datacenter=EU
2: labels Server=Server B, Datacenter=EU&lt;/p&gt;
&lt;p&gt;This would result in a table like this:&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;Time&lt;/th&gt;
              &lt;th&gt;Server&lt;/th&gt;
              &lt;th&gt;Datacenter&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Server A&lt;/td&gt;
              &lt;td&gt;EU&lt;/td&gt;
              &lt;td&gt;1&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Server B&lt;/td&gt;
              &lt;td&gt;EU&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;strong&gt;Value field name&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;If you selected Server as the &lt;strong&gt;Value field name&lt;/strong&gt;, then you would get one field for every value of the Server label.&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;Time&lt;/th&gt;
              &lt;th&gt;Datacenter&lt;/th&gt;
              &lt;th&gt;Server A&lt;/th&gt;
              &lt;th&gt;Server B&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;EU&lt;/td&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;For this example, I manually defined labels in the Random Walk visualization of TestData DB.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/labels-to-fields-before-7-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/transformations/labels-to-fields-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/labels-to-fields-before-7-0.png?w=320 320w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=550 550w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=750 750w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=900 900w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1222&#34;height=&#34;520&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/labels-to-fields-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1222&#34;height=&#34;520&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;After I apply the transformation, my labels appear in the table as fields.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/labels-to-fields-after-7-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/transformations/labels-to-fields-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/labels-to-fields-after-7-0.png?w=320 320w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=550 550w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=750 750w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=900 900w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1223&#34;height=&#34;282&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/labels-to-fields-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1223&#34;height=&#34;282&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;group-by&#34;&gt;Group by&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation is only available in Grafana 7.2&#43;.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;This transformation groups the data by a specified field (column) value and processes calculations on each group.  Click to see a list of calculation choices. For information about available calculations, refer to the &lt;a href=&#34;../../calculations-list/&#34;&gt;List of calculations&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s an example of original data.&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;Time&lt;/th&gt;
              &lt;th&gt;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature&lt;/th&gt;
              &lt;th&gt;Server Status&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;Shutdown&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;62&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;90&lt;/td&gt;
              &lt;td&gt;Overload&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:31:22&lt;/td&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;55&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:57&lt;/td&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;62&lt;/td&gt;
              &lt;td&gt;Rebooting&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:05&lt;/td&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:28:06&lt;/td&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:25:05&lt;/td&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:23:07&lt;/td&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;86&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;This transformation goes in two steps. First you specify one or multiple fields to group the data by. This will group all the same values of those fields together, as if you sorted them. For instance if we group by the Server ID field, then it would group the data this way:&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;Time&lt;/th&gt;
              &lt;th&gt;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature&lt;/th&gt;
              &lt;th&gt;Server Status&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;server 1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;Shutdown&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:28:06&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;server 1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:23:07&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;server 1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;86&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;|
| 2020-07-07 10:32:20 | server 2 | 90 | Overload
| 2020-07-07 09:30:05 | server 2 | 88 | OK
| 2020-07-07 09:25:05 | server 2 | 88 | OK
|
| 2020-07-07 11:34:20 | &lt;strong&gt;&lt;em&gt;server 3&lt;/em&gt;&lt;/strong&gt; | 62 | OK
| 2020-07-07 10:31:22 | &lt;strong&gt;&lt;em&gt;server 3&lt;/em&gt;&lt;/strong&gt; | 55 | OK
| 2020-07-07 09:30:57 | &lt;strong&gt;&lt;em&gt;server 3&lt;/em&gt;&lt;/strong&gt; | 62 | Rebooting&lt;/p&gt;
&lt;p&gt;All rows with the same value of Server ID are grouped together.&lt;/p&gt;
&lt;p&gt;After choosing which field you want to group your data by, you can add various calculations on the other fields, and apply the calculation to each group of rows. For instance, we could want to calculate the average CPU temperature for each of those servers. So we can add the &lt;em&gt;mean&lt;/em&gt; calculation applied on the CPU Temperature field to get the following:&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;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature (mean)&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;82&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88.6&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;59.6&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;And we can add more than one calculation. For instance:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;For field Time, we can calculate the &lt;em&gt;Last&lt;/em&gt; value, to know when the last data point was received for each server&lt;/li&gt;
&lt;li&gt;For field Server Status, we can calculate the &lt;em&gt;Last&lt;/em&gt; value to know what is the last state value for each server&lt;/li&gt;
&lt;li&gt;For field Temperature, we can also calculate the &lt;em&gt;Last&lt;/em&gt; value to know what is the latest monitored temperature for each server&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;We would then get :&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;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature (mean)&lt;/th&gt;
              &lt;th&gt;CPU Temperature (last)&lt;/th&gt;
              &lt;th&gt;Time (last)&lt;/th&gt;
              &lt;th&gt;Server Status (last)&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;82&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Shutdown&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88.6&lt;/td&gt;
              &lt;td&gt;90&lt;/td&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;Overload&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;59.6&lt;/td&gt;
              &lt;td&gt;62&lt;/td&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;This transformation allows you to extract some key information out of your time series and display them in a convenient way.&lt;/p&gt;
&lt;h2 id=&#34;series-to-rows&#34;&gt;Series to rows&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation is only available in Grafana 7.1&#43;.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Use this transformation to combine the result from multiple time series  data queries into one single result. This is helpful when using the table panel visualization.&lt;/p&gt;
&lt;p&gt;The result from this transformation will contain three columns: Time, Metric, and Value. The Metric column is added so you easily can see from which query the metric originates from. Customize this value by defining Label on the source query.&lt;/p&gt;
&lt;p&gt;In the example below, we have two queries returning time series data. It is visualized as two separate tables before applying the transformation.&lt;/p&gt;
&lt;p&gt;Query A:&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;Time&lt;/th&gt;
              &lt;th&gt;Temperature&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;25&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:31:22&lt;/td&gt;
              &lt;td&gt;22&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:05&lt;/td&gt;
              &lt;td&gt;19&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Query B:&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;Time&lt;/th&gt;
              &lt;th&gt;Humidity&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;24&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;29&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:57&lt;/td&gt;
              &lt;td&gt;33&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Here is the result after applying the Series to rows transformation.&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;Time&lt;/th&gt;
              &lt;th&gt;Metric&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Temperature&lt;/td&gt;
              &lt;td&gt;25&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Humidity&lt;/td&gt;
              &lt;td&gt;22&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;Humidity&lt;/td&gt;
              &lt;td&gt;29&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:31:22&lt;/td&gt;
              &lt;td&gt;Temperature&lt;/td&gt;
              &lt;td&gt;22&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:57&lt;/td&gt;
              &lt;td&gt;Humidity&lt;/td&gt;
              &lt;td&gt;33&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:05&lt;/td&gt;
              &lt;td&gt;Temperature&lt;/td&gt;
              &lt;td&gt;19&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;]]></content><description>&lt;h1 id="transformation-types-and-options">Transformation types and options&lt;/h1>
&lt;p>Grafana comes with the following transformations:&lt;/p>
&lt;ul>
&lt;li>&lt;a href="#reduce">Reduce&lt;/a>&lt;/li>
&lt;li>&lt;a href="#filter-by-name">Filter by name&lt;/a>&lt;/li>
&lt;li>&lt;a href="#filter-data-by-query">Filter data by query&lt;/a>&lt;/li>
&lt;li>&lt;a href="#organize-fields">Organize fields&lt;/a>&lt;/li>
&lt;li>&lt;a href="#join-by-field-outer-join">Outer join&lt;/a>&lt;/li>
&lt;li>&lt;a href="#series-to-rows">Series to rows&lt;/a>&lt;/li>
&lt;li>&lt;a href="#add-field-from-calculation">Add field from calculation&lt;/a>&lt;/li>
&lt;li>&lt;a href="#labels-to-fields">Labels to fields&lt;/a>&lt;/li>
&lt;li>&lt;a href="#group-by">Group by&lt;/a>&lt;/li>
&lt;li>&lt;a href="#merge">Merge&lt;/a>&lt;/li>
&lt;/ul>
&lt;p>Keep reading for detailed descriptions of each type of transformation and the options available for each, as well as suggestions on how to use them.&lt;/p></description></item><item><title>Transformations</title><link>https://grafana.com/docs/grafana/v7.1/panels/transformations/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/transformations/</guid><content><![CDATA[&lt;h1 id=&#34;transformations&#34;&gt;Transformations&lt;/h1&gt;
&lt;p&gt;This page explains what transformations in Grafana are and how to use them.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This documentation refers to a Grafana 7.0 feature. This documentation will be frequently updated to reflect updates to the feature, and it will probably be broken into smaller sections when the feature moves out of beta.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Transformations process the result set before it’s passed to the visualization. You access transformations in the Transform tab of the Grafana panel editor.&lt;/p&gt;
&lt;p&gt;Transformations allow you to rename fields, join separate time series together, do math across queries, and more. For users, with large dashboards or with heavy queries, being able to reuse the query result from one panel in another panel can be a huge performance gain.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; Transformations sometimes result in data that cannot be graphed. When that happens, Grafana displays a suggestion on the visualization that you can click to switch to table visualization. This often helps you better understand what the transformation is doing to your data.&lt;/p&gt;&lt;/blockquote&gt;
&lt;h2 id=&#34;transformation-execution-order&#34;&gt;Transformation execution order&lt;/h2&gt;
&lt;p&gt;Grafana applies transformations in the sequence that they are listed on the screen. Every transformation creates a new result set that is passed to the next transformation in the pipeline.&lt;/p&gt;
&lt;p&gt;The order can make a huge difference in how your results look. For example, if you use a Reduce transformation to condense all the results of one column to a single value, then you can only apply transformations to that single value.&lt;/p&gt;
&lt;h2 id=&#34;prerequisites&#34;&gt;Prerequisites&lt;/h2&gt;
&lt;p&gt;Before you apply transformations, all of the following must be true:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;You have entered a query and returned data from a data source. For more information about queries, refer to &lt;a href=&#34;../queries/&#34;&gt;Queries&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;You have applied a visualization that supports queries, such as:
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/bar-gauge-panel/&#34;&gt;Bar gauge&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/gauge-panel/&#34;&gt;Gauge&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/graph-panel/&#34;&gt;Graph&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/heatmap/&#34;&gt;Heatmap&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/logs-panel/&#34;&gt;Logs&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/stat-panel/&#34;&gt;Stat&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;../visualizations/table-panel/&#34;&gt;Table&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;apply-a-transformation&#34;&gt;Apply a transformation&lt;/h2&gt;
&lt;p&gt;Transformations are available from the Transform tab in the bottom pane of the panel editor, next to the Queries tab.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Navigate to the panel that you want to add transformations, click the panel title and then click &lt;strong&gt;Edit&lt;/strong&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click the &lt;strong&gt;Transform&lt;/strong&gt; tab.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click a transformation to select it.&lt;/p&gt;
&lt;p&gt;A transformation row appears that allows you to configure the transformation options.&lt;/p&gt;
&lt;p&gt;Click &lt;strong&gt;Add transformation&lt;/strong&gt; to apply another transformation. Keep in mind that the next transformation acts on the result set returned by the previous transformation.&lt;/p&gt;
&lt;p&gt;If you have trouble, click the bug icon to &lt;a href=&#34;#debug-transformations&#34;&gt;debug your transformations&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Click the trash can icon to remove a transformation.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/transformations-7-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/transformations/transformations-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/transformations-7-0.png?w=320 320w, /static/img/docs/transformations/transformations-7-0.png?w=550 550w, /static/img/docs/transformations/transformations-7-0.png?w=750 750w, /static/img/docs/transformations/transformations-7-0.png?w=900 900w, /static/img/docs/transformations/transformations-7-0.png?w=1040 1040w, /static/img/docs/transformations/transformations-7-0.png?w=1240 1240w, /static/img/docs/transformations/transformations-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1605&#34;height=&#34;354&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/transformations-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1605&#34;height=&#34;354&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h2 id=&#34;transformation-types-and-options&#34;&gt;Transformation types and options&lt;/h2&gt;
&lt;p&gt;Grafana comes with the following transformations:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#transformations&#34;&gt;Transformations&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#transformation-execution-order&#34;&gt;Transformation execution order&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#prerequisites&#34;&gt;Prerequisites&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#apply-a-transformation&#34;&gt;Apply a transformation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#transformation-types-and-options&#34;&gt;Transformation types and options&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#reduce&#34;&gt;Reduce&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#merge&#34;&gt;Merge&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#filter-by-name&#34;&gt;Filter by name&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#filter-data-by-query&#34;&gt;Filter data by query&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#organize-fields&#34;&gt;Organize fields&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#join-by-field-outer-join&#34;&gt;Join by field (outer join)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#add-field-from-calculation&#34;&gt;Add field from calculation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#labels-to-fields&#34;&gt;Labels to fields&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#group-by&#34;&gt;Group By&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#series-to-rows&#34;&gt;Series to rows&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#debug-transformations&#34;&gt;Debug transformations&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Keep reading for detailed descriptions of each type of transformation and the options available for each, as well as suggestions on how to use them.&lt;/p&gt;
&lt;h3 id=&#34;reduce&#34;&gt;Reduce&lt;/h3&gt;
&lt;p&gt;Apply a &lt;em&gt;Reduce&lt;/em&gt; transformation when you want to simplify your results down to one value. Reduce basically removes time component. If visualized as a table, it reduces a column down to one row (value).&lt;/p&gt;
&lt;p&gt;In the &lt;strong&gt;Calculations&lt;/strong&gt; field, enter one or more calculation types. Click to see a list of calculation choices. For information about available calculations, refer to the &lt;a href=&#34;../calculations-list/&#34;&gt;Calculation list&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Once you select at least one calculation, Grafana reduces the results down to one value using the calculation you select. If you select more than one calculation, then more than one value is displayed.&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s an example of a table with time series data. Before I apply the transformation, you can see all the data organized by time.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/reduce-before-7-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/transformations/reduce-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/reduce-before-7-0.png?w=320 320w, /static/img/docs/transformations/reduce-before-7-0.png?w=550 550w, /static/img/docs/transformations/reduce-before-7-0.png?w=750 750w, /static/img/docs/transformations/reduce-before-7-0.png?w=900 900w, /static/img/docs/transformations/reduce-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/reduce-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/reduce-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1562&#34;height=&#34;356&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/reduce-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1562&#34;height=&#34;356&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;After I apply the transformation, there is no time value and each column has been reduced to one row showing the results of the calculations that I chose.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/reduce-after-7-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/transformations/reduce-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/reduce-after-7-0.png?w=320 320w, /static/img/docs/transformations/reduce-after-7-0.png?w=550 550w, /static/img/docs/transformations/reduce-after-7-0.png?w=750 750w, /static/img/docs/transformations/reduce-after-7-0.png?w=900 900w, /static/img/docs/transformations/reduce-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/reduce-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/reduce-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1565&#34;height=&#34;659&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/reduce-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1565&#34;height=&#34;659&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;merge&#34;&gt;Merge&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation is only available in Grafana 7.1&#43;.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Use this transformation to combine the result from multiple queries into one single result. This is helpful when using the table panel visualization. Values that can be merged are combined into the same row. Values are mergeable if the shared fields contains the same data.&lt;/p&gt;
&lt;p&gt;In the example below, we have two queries returning table data. It is visualized as two separate tables before applying the transformation.&lt;/p&gt;
&lt;p&gt;Query A:&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;Time&lt;/th&gt;
              &lt;th&gt;Job&lt;/th&gt;
              &lt;th&gt;Uptime&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;node&lt;/td&gt;
              &lt;td&gt;25260122&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:24:20&lt;/td&gt;
              &lt;td&gt;postgre&lt;/td&gt;
              &lt;td&gt;123001233&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Query B:&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;Time&lt;/th&gt;
              &lt;th&gt;Job&lt;/th&gt;
              &lt;th&gt;Errors&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;node&lt;/td&gt;
              &lt;td&gt;15&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:24:20&lt;/td&gt;
              &lt;td&gt;postgre&lt;/td&gt;
              &lt;td&gt;5&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Here is the result after applying the &lt;code&gt;Merge&lt;/code&gt; transformation.&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;Time&lt;/th&gt;
              &lt;th&gt;Job&lt;/th&gt;
              &lt;th&gt;Errors&lt;/th&gt;
              &lt;th&gt;Uptime&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;node&lt;/td&gt;
              &lt;td&gt;15&lt;/td&gt;
              &lt;td&gt;25260122&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:24:20&lt;/td&gt;
              &lt;td&gt;postgre&lt;/td&gt;
              &lt;td&gt;5&lt;/td&gt;
              &lt;td&gt;123001233&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h3 id=&#34;filter-by-name&#34;&gt;Filter by name&lt;/h3&gt;
&lt;p&gt;Use this transformation to remove portions of the query results.&lt;/p&gt;
&lt;p&gt;Grafana displays the &lt;strong&gt;Identifier&lt;/strong&gt; field, followed by the fields returned by your query.&lt;/p&gt;
&lt;p&gt;You can apply filters in one of two ways:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Enter a regex expression.&lt;/li&gt;
&lt;li&gt;Click a field to toggle filtering on that field. Filtered fields are displayed with dark gray text, unfiltered fields have white text.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In the example below, I removed the Min field from the results.&lt;/p&gt;
&lt;p&gt;Here is the original query table. (This is streaming data, so numbers change over time and between screenshots.)&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-name-table-before-7-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/transformations/filter-name-table-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-name-table-before-7-0.png?w=320 320w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=550 550w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=750 750w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=900 900w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-name-table-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1181&#34;height=&#34;338&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-name-table-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1181&#34;height=&#34;338&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;Here is the table after I applied the transformation to remove the Min field.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-name-table-after-7-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/transformations/filter-name-table-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-name-table-after-7-0.png?w=320 320w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=550 550w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=750 750w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=900 900w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-name-table-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1545&#34;height=&#34;680&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-name-table-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1545&#34;height=&#34;680&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;Here is the same query using a Stat visualization.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-name-stat-after-7-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/transformations/filter-name-stat-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-name-stat-after-7-0.png?w=320 320w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=550 550w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=750 750w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=900 900w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-name-stat-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1830&#34;height=&#34;730&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-name-stat-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1830&#34;height=&#34;730&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;filter-data-by-query&#34;&gt;Filter data by query&lt;/h3&gt;
&lt;p&gt;Use this transformation in panels that have multiple queries, if you want to hide one or more of the queries.&lt;/p&gt;
&lt;p&gt;Grafana displays the query identification letters in dark gray text. Click a query identifier to toggle filtering. If the query letter is white, then the results are displayed. If the query letter is dark, then the results are hidden.&lt;/p&gt;
&lt;p&gt;In the example below, the panel has three queries (A, B, C). I removed the B query from the visualization.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/filter-by-query-stat-example-7-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/transformations/filter-by-query-stat-example-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=320 320w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=550 550w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=750 750w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=900 900w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=1040 1040w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=1240 1240w, /static/img/docs/transformations/filter-by-query-stat-example-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1841&#34;height=&#34;672&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/filter-by-query-stat-example-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1841&#34;height=&#34;672&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;organize-fields&#34;&gt;Organize fields&lt;/h3&gt;
&lt;p&gt;Use this transformation to rename, reorder, or hide fields returned by the query.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation only works in panels with a single query. If your panel has multiple queries, then you must either apply an Outer join transformation or remove the extra queries.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Grafana displays a list of fields returned by the query. You can:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Change field order by hovering your cursor over a field. The cursor turns into a hand and then you can drag the field to its new place.&lt;/li&gt;
&lt;li&gt;Hide or show a field by clicking the eye icon next to the field name.&lt;/li&gt;
&lt;li&gt;Rename fields by typing a new name in the &lt;strong&gt;Rename &lt;field&gt;&lt;/strong&gt; box.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In the example below, I hid the value field and renamed Max and Min.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/organize-fields-stat-example-7-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/transformations/organize-fields-stat-example-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=320 320w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=550 550w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=750 750w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=900 900w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=1040 1040w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=1240 1240w, /static/img/docs/transformations/organize-fields-stat-example-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1858&#34;height=&#34;892&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/organize-fields-stat-example-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1858&#34;height=&#34;892&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;join-by-field-outer-join&#34;&gt;Join by field (outer join)&lt;/h3&gt;
&lt;p&gt;Use this transformation to join multiple time series from a result set by field.&lt;/p&gt;
&lt;p&gt;This transformation is especially useful if you want to combine queries so that you can calculate results from the fields.&lt;/p&gt;
&lt;p&gt;In the example below, I have a template query displaying time series data from multiple servers in a table visualization. I can only view the results of one query at a time.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/join-fields-before-7-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/transformations/join-fields-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/join-fields-before-7-0.png?w=320 320w, /static/img/docs/transformations/join-fields-before-7-0.png?w=550 550w, /static/img/docs/transformations/join-fields-before-7-0.png?w=750 750w, /static/img/docs/transformations/join-fields-before-7-0.png?w=900 900w, /static/img/docs/transformations/join-fields-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/join-fields-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/join-fields-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1283&#34;height=&#34;583&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/join-fields-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1283&#34;height=&#34;583&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;I applied a transformation to join the query results using the time field. Now I can run calculations, combine, and organize the results in this new table.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/join-fields-after-7-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/transformations/join-fields-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/join-fields-after-7-0.png?w=320 320w, /static/img/docs/transformations/join-fields-after-7-0.png?w=550 550w, /static/img/docs/transformations/join-fields-after-7-0.png?w=750 750w, /static/img/docs/transformations/join-fields-after-7-0.png?w=900 900w, /static/img/docs/transformations/join-fields-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/join-fields-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/join-fields-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1236&#34;height=&#34;641&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/join-fields-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1236&#34;height=&#34;641&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;add-field-from-calculation&#34;&gt;Add field from calculation&lt;/h3&gt;
&lt;p&gt;Use this transformation to add a new field calculated from two other fields. Each transformation allows you to add one new field.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Mode -&lt;/strong&gt; Select a mode:
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Reduce row -&lt;/strong&gt; Apply selected calculation on each row of selected fields independently.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Binary option -&lt;/strong&gt; Apply basic math operation(sum, multiply, etc) on values in a single row from two selected fields.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Field name -&lt;/strong&gt; Select the names of fields you want to use in the calculation for the new field.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Calculation -&lt;/strong&gt; Select a calculation to use when Grafana creates the new field. Click in the field to see a list of calculation choices. For information about available calculations, refer to the &lt;a href=&#34;../calculations-list/&#34;&gt;Calculation list&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alias -&lt;/strong&gt; (Optional) Enter the name of your new field. If you leave this blank, then the field will be named to match the calculation.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Replace all fields -&lt;/strong&gt; (Optional) Select this option if you want to hide all other fields and display only your calculated field in the visualization.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In the example below, I added two fields together and named them Sum.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/add-field-from-calc-stat-example-7-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/transformations/add-field-from-calc-stat-example-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=320 320w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=550 550w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=750 750w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=900 900w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=1040 1040w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=1240 1240w, /static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1846&#34;height=&#34;962&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/add-field-from-calc-stat-example-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1846&#34;height=&#34;962&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;labels-to-fields&#34;&gt;Labels to fields&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; In order to apply this transformation, your query needs to returns labeled fields.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;When you select this transformation, Grafana automatically transforms all labeled data into fields.&lt;/p&gt;
&lt;p&gt;Example: Given a query result of two time series&lt;/p&gt;
&lt;p&gt;1: labels Server=Server A, Datacenter=EU
2: labels Server=Server B, Datacenter=EU&lt;/p&gt;
&lt;p&gt;This would result in a table like this&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;Time&lt;/th&gt;
              &lt;th&gt;Server&lt;/th&gt;
              &lt;th&gt;Datacenter&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Server A&lt;/td&gt;
              &lt;td&gt;EU&lt;/td&gt;
              &lt;td&gt;1&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Server B&lt;/td&gt;
              &lt;td&gt;EU&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;&lt;strong&gt;Value field name&lt;/strong&gt;
If you where to select &lt;code&gt;Server&lt;/code&gt; as in the &lt;strong&gt;Value field name&lt;/strong&gt; you would get one field for every value of the &lt;code&gt;Server&lt;/code&gt;
label.&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;Time&lt;/th&gt;
              &lt;th&gt;Datacenter&lt;/th&gt;
              &lt;th&gt;Server A&lt;/th&gt;
              &lt;th&gt;Server B&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;EU&lt;/td&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;For this example, I manually defined labels in the Random Walk visualization of TestData DB.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/labels-to-fields-before-7-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/transformations/labels-to-fields-before-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/labels-to-fields-before-7-0.png?w=320 320w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=550 550w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=750 750w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=900 900w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=1040 1040w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=1240 1240w, /static/img/docs/transformations/labels-to-fields-before-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1222&#34;height=&#34;520&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/labels-to-fields-before-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1222&#34;height=&#34;520&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;After I apply the transformation, my labels appear in the table as fields.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/labels-to-fields-after-7-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/transformations/labels-to-fields-after-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/labels-to-fields-after-7-0.png?w=320 320w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=550 550w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=750 750w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=900 900w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=1040 1040w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=1240 1240w, /static/img/docs/transformations/labels-to-fields-after-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1223&#34;height=&#34;282&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/labels-to-fields-after-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1223&#34;height=&#34;282&#34;class=&#34;docs-image--no-shadow&#34;/&gt;
        &lt;/noscript&gt;&lt;/div&gt;&lt;/a&gt;&lt;/figure&gt;
&lt;h3 id=&#34;group-by&#34;&gt;Group By&lt;/h3&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation is only available in Grafana 7.2&#43;.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;This transformation groups the data by a specified field (column) value and processes calculations on each group. The available calculations are the same as the Reduce transformation.&lt;/p&gt;
&lt;p&gt;Here&amp;rsquo;s an example of original data.&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;Time&lt;/th&gt;
              &lt;th&gt;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature&lt;/th&gt;
              &lt;th&gt;Server Status&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;Shutdown&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;62&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;90&lt;/td&gt;
              &lt;td&gt;Overload&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:31:22&lt;/td&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;55&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:57&lt;/td&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;62&lt;/td&gt;
              &lt;td&gt;Rebooting&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:05&lt;/td&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:28:06&lt;/td&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:25:05&lt;/td&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:23:07&lt;/td&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;86&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;This transformation goes in two steps. First you specify one or multiple fields to group the data by. This will group all the same values of those fields together, as if you sorted them. For instance if we &lt;code&gt;Group By&lt;/code&gt; the &lt;code&gt;Server ID&lt;/code&gt; field, it would group the data this way:&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;Time&lt;/th&gt;
              &lt;th&gt;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature&lt;/th&gt;
              &lt;th&gt;Server Status&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;server 1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;Shutdown&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:28:06&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;server 1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:23:07&lt;/td&gt;
              &lt;td&gt;&lt;strong&gt;server 1&lt;/strong&gt;&lt;/td&gt;
              &lt;td&gt;86&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;|
| 2020-07-07 10:32:20 | server 2 | 90 | Overload
| 2020-07-07 09:30:05 | server 2 | 88 | OK
| 2020-07-07 09:25:05 | server 2 | 88 | OK
|
| 2020-07-07 11:34:20 | &lt;strong&gt;&lt;em&gt;server 3&lt;/em&gt;&lt;/strong&gt; | 62 | OK
| 2020-07-07 10:31:22 | &lt;strong&gt;&lt;em&gt;server 3&lt;/em&gt;&lt;/strong&gt; | 55 | OK
| 2020-07-07 09:30:57 | &lt;strong&gt;&lt;em&gt;server 3&lt;/em&gt;&lt;/strong&gt; | 62 | Rebooting&lt;/p&gt;
&lt;p&gt;All rows with the same value of &lt;code&gt;Server ID&lt;/code&gt; are grouped together.&lt;/p&gt;
&lt;p&gt;After choosing which field you want to group your data by, you can add various calculations on the other fields, and the calculation will be applied on each group of rows. For instance, we could want to calculate the average &lt;code&gt;CPU temperature&lt;/code&gt; for each of those servers. So we can add the &lt;em&gt;mean&lt;/em&gt; calculation applied on the &lt;code&gt;CPU Temperature&lt;/code&gt; field to get the following:&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;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature (mean)&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;82&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88.6&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;59.6&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;And we can add more than one of those calculation. For instance :&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;For field &lt;code&gt;Time&lt;/code&gt;, we can calculate the &lt;em&gt;Last&lt;/em&gt; value, to know when the last data point was received for each server&lt;/li&gt;
&lt;li&gt;For field &lt;code&gt;Server Status&lt;/code&gt;, we can calculate the &lt;em&gt;Last&lt;/em&gt; value to know what is the last state value for each server&lt;/li&gt;
&lt;li&gt;For field &lt;code&gt;Temperature&lt;/code&gt;, we can also calculate the &lt;em&gt;Last&lt;/em&gt; value to know what is the latest monitored temperature for each server&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;We would then get :&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;Server ID&lt;/th&gt;
              &lt;th&gt;CPU Temperature (mean)&lt;/th&gt;
              &lt;th&gt;CPU Temperature (last)&lt;/th&gt;
              &lt;th&gt;Time (last)&lt;/th&gt;
              &lt;th&gt;Server Status (last)&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;server 1&lt;/td&gt;
              &lt;td&gt;82&lt;/td&gt;
              &lt;td&gt;80&lt;/td&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Shutdown&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 2&lt;/td&gt;
              &lt;td&gt;88.6&lt;/td&gt;
              &lt;td&gt;90&lt;/td&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;Overload&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;server 3&lt;/td&gt;
              &lt;td&gt;59.6&lt;/td&gt;
              &lt;td&gt;62&lt;/td&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;OK&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;This transformation allows you to extract some key information out of your time series and display them in a convenient way.&lt;/p&gt;
&lt;h2 id=&#34;series-to-rows&#34;&gt;Series to rows&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; This transformation is only available in Grafana 7.1&#43;.&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Use this transformation to combine the result from multiple time series data queries into one single result. This is helpful when using the table panel visualization.&lt;/p&gt;
&lt;p&gt;The result from this transformation will contain three columns: &lt;code&gt;Time&lt;/code&gt;, &lt;code&gt;Metric&lt;/code&gt;, and &lt;code&gt;Value&lt;/code&gt;. The &lt;code&gt;Metric&lt;/code&gt; column is added so you easily can see from which query the metric originates from. Customize this value by defining &lt;code&gt;Label&lt;/code&gt; on the source query.&lt;/p&gt;
&lt;p&gt;In the example below, we have two queries returning time series data. It is visualized as two separate tables before applying the transformation.&lt;/p&gt;
&lt;p&gt;Query A:&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;Time&lt;/th&gt;
              &lt;th&gt;Temperature&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;25&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:31:22&lt;/td&gt;
              &lt;td&gt;22&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:05&lt;/td&gt;
              &lt;td&gt;19&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Query B:&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;Time&lt;/th&gt;
              &lt;th&gt;Humidity&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;24&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;29&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:57&lt;/td&gt;
              &lt;td&gt;33&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;p&gt;Here is the result after applying the &lt;code&gt;Series to rows&lt;/code&gt; transformation.&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;Time&lt;/th&gt;
              &lt;th&gt;Metric&lt;/th&gt;
              &lt;th&gt;Value&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Temperature&lt;/td&gt;
              &lt;td&gt;25&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 11:34:20&lt;/td&gt;
              &lt;td&gt;Humidity&lt;/td&gt;
              &lt;td&gt;22&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:32:20&lt;/td&gt;
              &lt;td&gt;Humidity&lt;/td&gt;
              &lt;td&gt;29&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 10:31:22&lt;/td&gt;
              &lt;td&gt;Temperature&lt;/td&gt;
              &lt;td&gt;22&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:57&lt;/td&gt;
              &lt;td&gt;Humidity&lt;/td&gt;
              &lt;td&gt;33&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2020-07-07 09:30:05&lt;/td&gt;
              &lt;td&gt;Temperature&lt;/td&gt;
              &lt;td&gt;19&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
&lt;/section&gt;&lt;h2 id=&#34;debug-transformations&#34;&gt;Debug transformations&lt;/h2&gt;
&lt;p&gt;To see the input and the output result sets of the transformation, click the bug icon on the right side of the transformation row.&lt;/p&gt;
&lt;p&gt;Grafana displays the transformation debug view below the transformation row.&lt;/p&gt;
&lt;figure
    class=&#34;figure-wrapper figure-wrapper__lightbox w-100p docs-image--no-shadow&#34;
    style=&#34;max-width: 1100px;&#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/transformations/debug-transformations-7-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/transformations/debug-transformations-7-0.png&#34;data-srcset=&#34;/static/img/docs/transformations/debug-transformations-7-0.png?w=320 320w, /static/img/docs/transformations/debug-transformations-7-0.png?w=550 550w, /static/img/docs/transformations/debug-transformations-7-0.png?w=750 750w, /static/img/docs/transformations/debug-transformations-7-0.png?w=900 900w, /static/img/docs/transformations/debug-transformations-7-0.png?w=1040 1040w, /static/img/docs/transformations/debug-transformations-7-0.png?w=1240 1240w, /static/img/docs/transformations/debug-transformations-7-0.png?w=1920 1920w&#34;data-sizes=&#34;auto&#34;alt=&#34;&#34;width=&#34;1510&#34;height=&#34;762&#34;/&gt;
        &lt;noscript&gt;
          &lt;img
            src=&#34;/static/img/docs/transformations/debug-transformations-7-0.png&#34;
            alt=&#34;&#34;width=&#34;1510&#34;height=&#34;762&#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="transformations">Transformations&lt;/h1>
&lt;p>This page explains what transformations in Grafana are and how to use them.&lt;/p>
&lt;blockquote>
&lt;p>&lt;strong>Note:&lt;/strong> This documentation refers to a Grafana 7.0 feature. This documentation will be frequently updated to reflect updates to the feature, and it will probably be broken into smaller sections when the feature moves out of beta.&lt;/p></description></item><item><title>Visualizations</title><link>https://grafana.com/docs/grafana/v7.1/panels/visualizations/</link><pubDate>Tue, 14 Apr 2026 00:59:35 +0000</pubDate><guid>https://grafana.com/docs/grafana/v7.1/panels/visualizations/</guid><content><![CDATA[&lt;h1 id=&#34;visualizations&#34;&gt;Visualizations&lt;/h1&gt;
&lt;p&gt;Grafana offers a variety of visualizations to suit different use cases. This section of the documentation lists the different visualizations available in Grafana and their unique display settings.&lt;/p&gt;
&lt;p&gt;The default options and their unique display options are described in the pages in this section.&lt;/p&gt;
&lt;p&gt;You can add more panel types with &lt;a href=&#34;../../plugins/&#34;&gt;plugins&lt;/a&gt;.&lt;/p&gt;
]]></content><description>&lt;h1 id="visualizations">Visualizations&lt;/h1>
&lt;p>Grafana offers a variety of visualizations to suit different use cases. This section of the documentation lists the different visualizations available in Grafana and their unique display settings.&lt;/p></description></item></channel></rss>