mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00

* moved datasources folder

* Update menu.yaml

* updated Azuremonitor

* Update azuremonitor.md

* Update cloudmonitoring.md

* Update cloudwatch.md

* updated content

* Update elasticsearch.md

* Update graphite.md

* Update elasticsearch.md

* Update azuremonitor.md

* Update cloudmonitoring.md

* Update influxdb.md

* Update jaeger.md

* Update loki.md

* Update mssql.md

* Update mysql.md

* Update opentsdb.md

* Update postgres.md

* Update prometheus.md

* Update postgres.md

* Update jaeger.md

* Update mysql.md

* Update mssql.md

* added aliases

* Update testdata.md

* Update zipkin.md

* link fixes

* link fixing

* moved files out of guides

* Delete archive.md

* updated links

* updated aliases

* updated aliases

* link updates

* Update _index.md

* deleted archive.md

* Update azuremonitor.md

* Update azuremonitor.md

2020-10-09 08:16:25 -07:00

3.4 KiB

Raw Blame History

+++ title = "Add a panel" type = "docs" [menu.docs] identifier = "add-a-panel" parent = "panels" weight = 100 draft = "true" +++

Add a panel

Panels allow you to show your data in visual form. This topic walks you through the most basic steps to build a panel.

1. Add a panel to a dashboard

Navigate to the dashboard you want to add a panel to.
Click the Add panel icon.
Click Add new panel.

Grafana creates an empty graph panel with your default data source selected.

2. Edit panel settings

While not required, we recommend that you add a helpful title and description to your panel. You can use [variables you have defined]({{< relref "../variables/_index.md" >}}) in either field, but not [global variables]({{< relref "../variables/variable-types/global-variables.md" >}}).

Panel title - Text entered in this field is displayed at the top of your panel in the panel editor and in the dashboard.

Description - 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.

3. Write a query

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 [Queries]({{< relref "queries.md" >}}).

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 [Add a data source]({{< relref "../datasources/add-a-data-source.md" >}}) if you need instructions.
Write or construct a query in the query language of your data source. Options will vary. Refer to your specific [data source documentation]({{< relref "../datasources/_index.md" >}}) for specific guidelines.

4. Choose a visualization type

In the Visualization section of the Panel tab, click a visualization type. Grafana displays a preview of your query results with that visualization applied.

For more information about individual visualizations, refer to [Visualizations]({{< relref "visualizations/_index.md" >}}).

5. Apply changes and save

Save the dashboard. Either press Ctrl/Cmd+S or click Save in the upper right corner of the screen.

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 Save. Notes are very helpful if you need to revert the dashboard to a previous version.

What next?

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:

Learn more about [panel editor]({{< relref "panel-editor.md" >}}) options.
Add more [queries]({{< relref "queries.md" >}}).
[Transform]({{< relref "transformations/_index.md" >}}) your data.
[Configure]({{< relref "field-options/_index.md" >}}) how your results are displayed in the visualization.
If you made a graph panel, set up an [alert]({{< relref "../alerting/alerts-overview.md" >}}).
Create [templates and variables]({{< relref "../variables/_index.md" >}}).

3.4 KiB Raw Blame History