mirror of https://github.com/grafana/grafana
Docs: Reorganize Dashboards and add note for escalations issue 2013 (#46902)
* Initial commit. * Update version number * Initial commit. * More formatting changes. Also added URL links. * Ran prettier.pull/46929/head
achatterjee-grafana
4 years ago
committed by
GitHub
parent
8329cd59f6
commit
c42b0d7498
@ -0,0 +1,11 @@ |
||||
+++ |
||||
title = "Create dashboards" |
||||
aliases = ["/docs/grafana/latest/features/dashboard/dashboards/"] |
||||
weight = 7 |
||||
+++ |
||||
|
||||
## Create dashboard |
||||
|
||||
To create a new dashboard: |
||||
|
||||
Click the new dashboard link on the right side of the time picker. A blank dashboard is created. |
||||
@ -0,0 +1,17 @@ |
||||
+++ |
||||
title = "Manage dashboards" |
||||
aliases = ["/docs/grafana/latest/features/dashboard/dashboards/"] |
||||
weight = 8 |
||||
+++ |
||||
|
||||
## Manage dashboards |
||||
|
||||
When managing dashboads, you can use: |
||||
|
||||
- Select a time period for a dashboard using the [Time range controls]({{< relref "time-range-controls.md" >}}) in the upper right of the dashboard. |
||||
- Tag dashboards. |
||||
- Use [templating]({{< relref "../variables/_index.md" >}}) to make them more dynamic and interactive. |
||||
- Use [annotations]({{< relref "annotations.md" >}}) to display event data across panels. This can help correlate the time series data in the panel with other events. |
||||
- Use the dashboard picker for quick, searchable access to all dashboards in a particular organization. |
||||
|
||||
You can also [share dashboards]({{< relref "../sharing/share-dashboard.md" >}}) in a variety of ways. |
||||
@ -0,0 +1,19 @@ |
||||
+++ |
||||
title = " Dashboard UI" |
||||
aliases = ["/docs/grafana/latest/features/dashboard/dashboards/"] |
||||
weight = 2 |
||||
+++ |
||||
|
||||
# Working with Grafana dashboard UI |
||||
|
||||
The dashboard UI has the following sections to allow you to customize the presentation of data. |
||||
|
||||
<img src="/static/img/docs/v50/dashboard_annotated.png" class="no-shadow" width="700px"> |
||||
|
||||
- **Zoom out time range** (1) |
||||
- **Time picker dropdown** (2). Access relative time range options, auto refresh options and set custom absolute time ranges. |
||||
- **Manual refresh option** (3) Fetch new data. |
||||
- **Dashboard panel** (4) Click the panel title to edit panels. |
||||
- **Graph legend** (5) Change series colors, y-axis and series visibility directly from the legend. |
||||
|
||||
For more details, see [Dashboard header]({{< relref "./dashboard-header.md" >}}) and [Dashboard rows]({{< relref "./dashboard-row.md" >}}). |
||||
@ -0,0 +1,21 @@ |
||||
+++ |
||||
title = "Dashboard header" |
||||
aliases = ["/docs/grafana/latest/features/dashboard/dashboards/"] |
||||
weight = 80 |
||||
+++ |
||||
|
||||
## Dashboard header |
||||
|
||||
The dashboard header has the following sections. |
||||
|
||||
<img class="no-shadow" src="/static/img/docs/v50/top_nav_annotated.png" width="580px"> |
||||
|
||||
- **Side menubar toggle** (1): This option toggles the side menu. It provides access to features unrelated to a dashboard such as users, organizations, data sources, and alerting. |
||||
- **Dashboard dropdown** (2): Use this option to view the current dashboard name. From here, you can: |
||||
- Select another dashboard name to easily switch to that dashboard. |
||||
- Create a new dashboard or folder, import existing dashboards, and manage dashboard playlists. |
||||
- **Add panel** (3): Use this option to add a new panel to the current dashboard. |
||||
- **Star dashboard** (4): Use this option to star (or unstar) the current dashboard. Starred dashboards show up on your own homw dashboard by default. It is a convenient way to mark Dashboards that you're interested in. |
||||
- **Share dashboard** (5): Use this option to share the current dashboard by creating a link or create a static snapshot of it. You must save the dashboard before sharing. |
||||
- **Save dashboard** (6): Use this option to save the current dashboard using its current name. |
||||
- **Settings** (7): Use this option to manage dashboard settings and configure templates and annotations. |
||||
@ -0,0 +1,21 @@ |
||||
+++ |
||||
title = "Dashboard rows" |
||||
aliases = ["/docs/grafana/latest/features/dashboard/dashboards/"] |
||||
weight = 80 |
||||
+++ |
||||
|
||||
# Dshboard rows |
||||
|
||||
A dashboard row is a logical divider within a dashboard. It is used to group panels together. |
||||
|
||||
Grafana uses a base unit abstraction so that dashboards and panels look great on all screen sizes. Dashboard rows are always 12 “units” wide. These units are automatically scaled dependent on the horizontal resolution of your browser. You can control the relative width of panels within a row by setting their specific width. |
||||
|
||||
> **Note:** With MaxDataPoint functionality, Grafana can show you the perfect number of data points, regardless of resolution or time range. |
||||
|
||||
## Create or remove rows |
||||
|
||||
Use the [repeating rows]({{< relref "../../variables/_index.md#repeating-rows" >}}) functionality to dynamically create or remove entire rows, which can be filled with panels, based on the template variables selected. |
||||
|
||||
## Collapse rows |
||||
|
||||
Collapse a row by clicking on the row title. If you save a dashboard with a row collapsed, then it saves in that state and does not load those graphs until you expand the row. |
||||
Loading…
Reference in new issue