mirror of
https://github.com/grafana/grafana.git
synced 2025-07-29 03:02:27 +08:00
91784076c7
* Added notes about AI features * Added link to LLM content, copy edited, and fixed linting errors * Fixed references to dashgpt setup in create dashboards, added links and fixed linting issues * Added links to panel option config docs and fixed linting issues * Fixed link label * Added dashgpt info to build first dashboard * Apply suggestions from code review Co-authored-by: Christopher Moyer <35463610+chri2547@users.noreply.github.com> * Fixed links and heading level of new section * Updated feature name * Recast sentence * Fixed formatting * Added code formatting to feature flag * Fixed link --------- Co-authored-by: Christopher Moyer <35463610+chri2547@users.noreply.github.com> Co-authored-by: Jack Baldry <jack.baldry@grafana.com>
188 lines
9.5 KiB
Markdown
188 lines
9.5 KiB
Markdown
---
|
|
aliases:
|
|
- add-organize-panels/
|
|
keywords:
|
|
- panel
|
|
- dashboard
|
|
- create
|
|
labels:
|
|
products:
|
|
- cloud
|
|
- enterprise
|
|
- oss
|
|
menuTitle: Create a dashboard
|
|
title: Create a dashboard
|
|
weight: 1
|
|
---
|
|
|
|
## Create a dashboard
|
|
|
|
Dashboards and panels allow you to show your data in visual form. Each panel needs at least one query to display a visualization.
|
|
|
|
**Before you begin:**
|
|
|
|
- Ensure that you have the proper permissions. For more information about permissions, refer to [About users and permissions][].
|
|
- Identify the dashboard to which you want to add the panel.
|
|
- Understand the query language of the target data source.
|
|
- Ensure that data source for which you are writing a query has been added. For more information about adding a data source, refer to [Add a data source][] if you need instructions.
|
|
|
|
**To create a dashboard**:
|
|
|
|
1. Click **Dashboards** in the left-side menu.
|
|
1. Click **New** and select **New Dashboard**.
|
|
1. On the empty dashboard, click **+ Add visualization**.
|
|
|
|
|
|
|
|
1. In the dialog box that opens, do one of the following:
|
|
|
|
- Select one of your existing data sources.
|
|
- Select one of the Grafana's [built-in special data sources][].
|
|
- Click **Configure a new data source** to set up a new one (Admins only).
|
|
|
|
{{< figure class="float-right" src="/media/docs/grafana/dashboards/screenshot-data-source-selector-10.0.png" max-width="800px" alt="Select data source modal" >}}
|
|
|
|
The **Edit panel** view opens with your data source selected.
|
|
You can change the panel data source later using the drop-down in the **Query** tab of the panel editor if needed.
|
|
|
|
For more information about data sources, refer to [Data sources][] for specific guidelines.
|
|
|
|
1. Write or construct a query in the query language of your data source.
|
|
|
|
1. Click the Refresh dashboard icon to query the data source.
|
|
|
|
|
|
|
|
1. In the visualization list, select a visualization type.
|
|
|
|
|
|
|
|
Grafana displays a preview of your query results with the visualization applied.
|
|
|
|
For more information about individual visualizations, refer to [Visualizations options][].
|
|
|
|
1. Under **Panel options**, enter a title and description for your panel.
|
|
|
|
Alternatively, Grafana can generate a panel title and description for you using the OpenAI integration. Learn more in the [Set up generative AI features for dashboards documentation][].
|
|
|
|
1. Refer to the following documentation for ways you can adjust panel settings.
|
|
|
|
While not required, most visualizations need some adjustment before they properly display the information that you need.
|
|
|
|
- [Configure value mappings][]
|
|
- [Visualization-specific options][]
|
|
- [Override field values][]
|
|
- [Configure thresholds][]
|
|
- [Configure standard options][]
|
|
|
|
1. When you've finished editing your panel, click **Save** to save the dashboard.
|
|
|
|
Alternatively, click **Apply** if you want to see your changes applied to the dashboard first. Then click the save icon in the dashboard header.
|
|
|
|
1. Enter a summary of your dashboard changes.
|
|
|
|
Alternatively, Grafana can generate a summary for you using the OpenAI integration. Learn more in the [Set up generative AI features for dashboards documentation][].
|
|
|
|
1. Enter a title for your dashboard and select a folder, if applicable.
|
|
|
|
Alternatively, Grafana can generate a dashboard title for you using the OpenAI integration. Learn more in the [Set up generative AI features for dashboards documentation][].
|
|
|
|
1. Click **Save**.
|
|
1. To add more panels to the dashboard, click **Add** in the dashboard header and select **Visualization** in the drop-down.
|
|
|
|
|
|
|
|
When you add additional panels to the dashboard, you're taken straight to the **Edit panel** view.
|
|
|
|
## Configure repeating rows
|
|
|
|
You can configure Grafana to dynamically add panels or rows to a dashboard based on the value of a variable. Variables dynamically change your queries across all rows in a dashboard. For more information about repeating panels, refer to [Configure repeating panels][].
|
|
|
|
To see an example of repeating rows, refer to [Dashboard with repeating rows](https://play.grafana.org/d/000000153/repeat-rows). The example shows that you can also repeat rows if you have variables set with `Multi-value` or `Include all values` selected.
|
|
|
|
**Before you begin:**
|
|
|
|
- Ensure that the query includes a multi-value variable.
|
|
|
|
**To configure repeating rows:**
|
|
|
|
1. Click **Dashboards** in the left-side menu.
|
|
1. Navigate to the dashboard you want to work on.
|
|
1. At the top of the dashboard, click **Add** and select **Row** in the drop-down.
|
|
|
|
If the dashboard is empty, you can click the **+ Add row** button in the middle of the dashboard.
|
|
|
|
1. Hover over the row title and click the cog icon.
|
|
1. In the **Row Options** dialog box, add a title and select the variable for which you want to add repeating rows.
|
|
1. Click **Update**.
|
|
|
|
To provide context to dashboard users, add the variable to the row title.
|
|
|
|
### Repeating rows and the Dashboard special data source
|
|
|
|
If a row includes panels using the special [Dashboard][] data source—the data source that uses a result set from another panel in the same dashboard—then corresponding panels in repeated rows will reference the panel in the original row, not the ones in the repeated rows.
|
|
|
|
For example, in a dashboard:
|
|
|
|
- `Row 1` includes `Panel 1A` and `Panel 1B`
|
|
- `Panel 1B` uses the results from `Panel 1A` by way of the `-- Dashboard --` data source
|
|
- Repeating row, `Row 2`, includes `Panel 2A` and `Panel 2B`
|
|
- `Panel 2B` references `Panel 1A`, not `Panel 2A`
|
|
|
|
## Move a panel
|
|
|
|
You can place a panel on a dashboard in any location.
|
|
|
|
1. Click **Dashboards** in the left-side menu.
|
|
1. Navigate to the dashboard you want to work on.
|
|
1. Click the panel title and drag the panel to the new location.
|
|
|
|
## Resize a panel
|
|
|
|
You can size a dashboard panel to suits your needs.
|
|
|
|
1. Click **Dashboards** in the left-side menu.
|
|
1. Navigate to the dashboard you want to work on.
|
|
1. To adjust the size of the panel, click and drag the lower-right corner of the panel.
|
|
|
|
{{% docs/reference %}}
|
|
[Dashboard]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/datasources#special-data-sources"
|
|
[Dashboard]: "/docs/grafana-cloud/ -> /docs/grafana-cloud/connect-externally-hosted/data-sources#special-data-sources"
|
|
|
|
[Override field values]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-overrides"
|
|
[Override field values]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-overrides"
|
|
|
|
[built-in special data sources]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/datasources#special-data-sources"
|
|
[built-in special data sources]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/datasources#special-data-sources"
|
|
|
|
[Configure repeating panels]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-panel-options#configure-repeating-panels"
|
|
[Configure repeating panels]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-panel-options#configure-repeating-panels"
|
|
|
|
[Add a data source]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/administration/data-source-management#add-a-data-source"
|
|
[Add a data source]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/administration/data-source-management#add-a-data-source"
|
|
|
|
[Visualization-specific options]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/visualizations"
|
|
[Visualization-specific options]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/visualizations"
|
|
|
|
[About users and permissions]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/administration/roles-and-permissions"
|
|
[About users and permissions]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/administration/roles-and-permissions"
|
|
|
|
[Visualizations options]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/visualizations"
|
|
[Visualizations options]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/visualizations"
|
|
|
|
[Data sources]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/datasources"
|
|
[Data sources]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/datasources"
|
|
|
|
[Configure thresholds]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-thresholds"
|
|
[Configure thresholds]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-thresholds"
|
|
|
|
[Configure value mappings]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-value-mappings"
|
|
[Configure value mappings]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-value-mappings"
|
|
|
|
[Configure standard options]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-standard-options"
|
|
[Configure standard options]: "/docs/grafana-cloud/ -> /docs/grafana/<GRAFANA VERSION>/panels-visualizations/configure-standard-options"
|
|
|
|
[Set up generative AI features for dashboards documentation]: "/docs/grafana/ -> /docs/grafana/<GRAFANA VERSION>/dashboards/manage-dashboards#set-up-generative-ai-features-for-dashboards"
|
|
[Set up generative AI features for dashboards documentation]: "/docs/grafana-cloud/ -> /docs/grafana-cloud/visualizations/dashboards/manage-dashboards#set-up-generative-ai-features-for-dashboards"
|
|
{{% /docs/reference %}}
|