Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Documentation Grafana documentation Panels Panel editor
Enterprise Open source

Panel editor

This page describes the parts of the Grafana panel editor and links to where you can find more information.

Open the Panel editor

There are several ways to access the panel editor, also called the Edit Panel screen, edit mode, or panel edit mode:

  • Click the Add panel icon at the top of the screen and then click Add new panel. The new panel opens in the panel editor. For detailed instructions on how to add a panel, refer to Add a panel
  • Click the title of an existing panel and then click Edit. The panel opens in edit mode.
  • Click anywhere on an existing panel and then press e on your keyboard. The panel opens in edit mode.

Resize panel editor sections

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.

Parts of the panel editor

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.

The header section lists the name of the dashboard that the panel is in and some dashboard commands. You can also click the Go back arrow to return to the dashboard.

On the right side of the header are the following options:

  • Dashboard settings (gear) icon - Click to access the dashboard settings.
  • Discard - Discards all changes you have made to the panel since you last saved the dashboard.
  • Save - Saves the dashboard, including all changes you have made in the panel editor.
  • Apply - 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.

Visualization preview

The visualization preview section contains viewing options, time range controls, the visualization preview, and (if applicable) the panel title, axes, and legend.

  • Fill - 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.
  • Fit - The visualization preview will fill the available space in but preserve the aspect ratio of the panel.
  • Exact - 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.
  • Time range controls - For more information, refer to Time range controls.

Data section (bottom pane)

The section contains tabs where you enter queries, transform your data, and create alert rules (if applicable).

  • Query tab - Select your data source and enter queries here. For more information, refer to Queries.
  • Transform tab - Apply data transformations. For more information, refer to Transformations.
  • Alert tab - Write alert rules. For more information, refer to Create alerts.

Panel and field configuration options (side pane)

The section contains tabs where you control almost every aspect of how your data is visualized. Not all tabs are available for each visualization.

Features in these tabs are documented in the following topics: