Christopher Moyer
414d536186
* refactors config panels and visualizations, corrects relrefs * adds an alias * Remove some old content * moves visualizations topic to the root * moves out panels and visualization topics to the root * adds move and resize panel to add/organize panel; creates a create dashboard topic under build dashboards; adjusts context of add a panel to be from within an existing dashboard * updates aliases * creates search at root, moves dashboard preview to search, creates standalone search dashboard topic * moves Set dashboard time range to use-dashboards, creates modify dashboard settings and adds moves Modify dashboard time settings to that topic * moves existing query-options topic from working with panels to configure-panel-visualizations, moves panel time overrides and timeshift content to query options * Moving things to better category, fixing links, improving ordering * Move panel inspector to main panel topic * completes partial fix of relrefs * relref fixes con't * restructures remaining panels topics * more relref fixes * Minor fix * Minor tweak * finishes fixing relrefs Co-authored-by: Torkel Ödegaard <torkel@grafana.com> Co-authored-by: Jack Baldry <jack.baldry@grafana.com>
72 lines
4.3 KiB
Markdown
72 lines
4.3 KiB
Markdown
---
|
|
aliases:
|
|
- /docs/grafana/latest/panels/working-with-panels/navigate-panel-editor/
|
|
- /docs/grafana/latest/panels/working-with-panels/navigate-inspector-panel/
|
|
- /docs/grafana/latest/dashboards/dashboard-create/
|
|
- /docs/grafana/latest/features/dashboard/dashboards/
|
|
- /docs/grafana/latest/panels/working-with-panels/add-panel/
|
|
- /docs/grafana/latest/dashboards/add-organize-panels/
|
|
- /docs/grafana/latest/panels/add-panels-dynamically/about-repeating-panels-rows/
|
|
- /docs/grafana/latest/panels/add-panels-dynamically/configure-repeating-rows/
|
|
- /docs/grafana/latest/panels/add-panels-dynamically/configure-repeating-panels/
|
|
- /docs/grafana/next/dashboards/build-dashboards/add-organize-panels/
|
|
- /docs/grafana/latest/panels-visualizations/add-organize-panels/
|
|
title: Panel editor overview
|
|
menuTitle: Panel editor overview
|
|
weight: 1
|
|
keywords:
|
|
- panel
|
|
- dashboard
|
|
- dynamic
|
|
- rows
|
|
- add
|
|
---
|
|
|
|
# Panel editor overview
|
|
|
|
{{< figure src="/static/img/docs/panel-editor/panel-editor-8-0.png" class="docs-image--no-shadow" max-width="1500px" >}}
|
|
|
|
This section describes the areas 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.
|
|
|
|
1. 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/manage-dashboards/#configure-dashboard-time-range-controls" >}}).
|
|
|
|
1. 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-transform-data/#add-a-query" >}}).
|
|
- **Transform tab:** Apply data transformations. For more information, refer to [Transform data]({{< relref "../query-transform-data/transform-data/" >}}).
|
|
- **Alert tab:** Write alert rules. For more information, refer to [Overview of Grafana 8 alerting]({{< relref "../../alerting/" >}}).
|
|
|
|
1. Panel display options: The display options section contains tabs where you configure almost every aspect of your data visualization.
|
|
|
|
## Open the panel inspect drawer
|
|
|
|
The inspect drawer helps you understand and troubleshoot your panels. You can view the raw data for any panel, export that data to a comma-separated values (CSV) file, view query requests, and export panel and data JSON.
|
|
|
|
> **Note:** Not all panel types include all tabs. For example, dashboard list panels do not have raw data to inspect, so they do not display the Stats, Data, or Query tabs.
|
|
|
|
The panel inspector consists of the following options:
|
|
|
|
1. The panel inspect drawer displays opens a drawer on the right side. Click the arrow in the upper right corner to expand or reduce the drawer pane.
|
|
|
|
1. **Data tab -** Shows the raw data returned by the query with transformations applied. Field options such as overrides and value mappings are not applied by default.
|
|
|
|
1. **Stats tab -** Shows how long your query takes and how much it returns.
|
|
|
|
1. **JSON tab -** 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.
|
|
|
|
1. **Query tab -** Shows you the requests to the server sent when Grafana queries the data source.
|
|
|
|
1. **Error tab -** Shows the error. Only visible when query returns error.
|