mirror of
https://github.com/grafana/grafana.git
synced 2025-07-30 16:32:13 +08:00
449c608ef1
* new refactored panel docs * fixed links * removed xtra sharing link, added links to panel display option tasks * fixed typo * add aliases * incorporate PM feedback * intermediate commit to resolve merge conflict * final changes to resolve merge conflicts
41 lines
2.7 KiB
Markdown
41 lines
2.7 KiB
Markdown
+++
|
|
title = "Navigate the Grafana panel editor"
|
|
weight = 10
|
|
aliases = ["/docs/sources/panels/working-with-panels/navigate-panel-editor/"]
|
|
+++
|
|
|
|
# Navigate the Grafana panel editor
|
|
|
|
This page describes the parts of the Grafana panel editor.
|
|
|
|
1. Panel header: The header section lists the dashboard in which the panel appears and the following controls:
|
|
|
|
- **Dashboard settings (gear) icon -** Click to access the dashboard settings.
|
|
- **Discard -** Discards changes you have made to the panel since you last saved the dashboard.
|
|
- **Save -** Saves changes you made to the panel.
|
|
- **Apply -** Applies changes you made and closes the panel editor, returning you to the dashboard. You will have to save the dashboard to persist the applied changes.
|
|
|
|
2. Visualization preview: The visualization preview section contains the following options:
|
|
|
|
- **Table view -** Convert any visualization to a table so that you can see the data. Table views are useful for troubleshooting.
|
|
- **Fill -** The visualization preview fills the available space. If you change the width of the side pane or height of the bottom pane the visualization changes to fill the available space.
|
|
- **Actual -** 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]({{< relref "../../dashboards/time-range-controls.md" >}}).
|
|
|
|
3. Data section: The data 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 [Add a query]({{< relref "../query-a-data-source/add-a-query.md" >}}).
|
|
|
|
- **Transform tab -** Apply data transformations. For more information, refer to [Transform data]({{< relref "../transform-data/_index.md" >}}).
|
|
- **Alert tab -** Write alert rules. For more information, refer to [Overview of Grafana 8 alerting]({{< relref "../../alerting/unified-alerting/_index.md" >}}).
|
|
|
|
4. Panel display options: The display options section contains tabs where you configure almost every aspect of your data visualization, including:
|
|
|
|
- [Apply color to series and fields]({{< relref "./apply-color-to-series.md" >}})
|
|
- [Format a standard field]({{< relref "./format-standard-fields.md" >}})
|
|
- [Add a title and description to a panel]({{< relref "./add-title-and-description.md" >}})
|
|
|
|
> Not all options are available for each visualization.
|
|
|
|
{{< figure src="/static/img/docs/panel-editor/panel-editor-8-0.png" class="docs-image--no-shadow" max-width="1500px" >}}
|