augmented steps on how to add a cell (#4605)
* augmented steps on how to add a cell * add nav info, add options, update UI changes Co-authored-by: Kelly <kelly@influxdata.com> Co-authored-by: kelseiv <47797004+kelseiv@users.noreply.github.com>pull/4615/head
lwandzura
GitHub
parent
adbd8edb07
commit
781599d412
|
|
@ -10,11 +10,27 @@ menu:
|
|||
weight: 203
|
||||
---
|
||||
|
||||
Use dashboard controls in the upper left to update your dashboard.
|
||||
1. In the navigation menu on the left, select **Boards** (**Dashboards**).
|
||||
|
||||
{{< nav-icon "dashboards" >}}
|
||||
|
||||
2. Double-click a dashboard name to open it, and then do any of the following:
|
||||
- [Add a cell](#add-a-cell)
|
||||
- [Add a note](#add-a-note)
|
||||
- [Select a timezone](#select-a-timezone)
|
||||
- [Manually refresh a dashboard](#manually-refresh-a-dashboard)
|
||||
- [Automatically refresh a dashboard](#automatically-refresh-a-dashboard)
|
||||
- [Select the time range](#select-the-time-range)
|
||||
- [Add variables](#add-variables)
|
||||
- [View in presentation mode](#view-in-presentation-mode)
|
||||
- [Toggle dark mode and light mode](#toggle-dark-mode-and-light-mode)
|
||||
|
||||
### Add a cell
|
||||
|
||||
Click **{{< icon "add-cell" >}} Add Cell** to open the Data Explorer and configure a new cell for your dashboard.
|
||||
1. Click **{{< icon "add-cell" >}} Add Cell** in the upper left hand corner to open the Data Explorer and configure a new cell for your dashboard.
|
||||
2. Click **Name this cell** , and enter a cell name.
|
||||
3. Create and submit your query.
|
||||
4. Click the **{{< icon "checkmark" >}} check mark** in the upper right hand corner to add the cell to the dashboard.
|
||||
|
||||
For details on using the Data Explorer, see [Explore metrics](/influxdb/cloud/visualize-data/explore-metrics/).
|
||||
|
||||
|
|
@ -22,51 +38,44 @@ For details on using the Data Explorer, see [Explore metrics](/influxdb/cloud/vi
|
|||
|
||||
1. Click **{{< icon "note" >}} Add Note** to add a note cell to your dashboard.
|
||||
2. Enter your note in Markdown in the left pane. A preview appears in the right pane.
|
||||
3. Enable the **Show note when query returns no data** option to show the note only when the query displays no data.
|
||||
4. Click **Save**.
|
||||
3. Click **Save**.
|
||||
|
||||
### Select timezone
|
||||
### Select a timezone
|
||||
|
||||
Click the timezone dropdown to select a timezone to use for the dashboard. Select either the local time (default) or UTC.
|
||||
- From the timezone drop-down list, select the timezone to use for the dashboard--**Local** (default) or **UTC**.
|
||||
|
||||
{{< img-hd src="/img/influxdb/2-0-controls-timezone.png" alt="Select timezone" />}}
|
||||
{{< img-hd src="/img/influxdb/2-0-controls-timezone.png" alt="Select timezone" />}}
|
||||
|
||||
### Manually refresh dashboard
|
||||
### Manually refresh a dashboard
|
||||
|
||||
Click the refresh button (**{{< icon "refresh" >}}**) to manually refresh the dashboard's data.
|
||||
- Click the refresh button (**{{< icon "refresh" >}}**) to manually refresh the dashboard's data.
|
||||
|
||||
#### Manually a single dashboard cell
|
||||
### Automatically refresh a dashboard
|
||||
|
||||
1. Click the **{{< icon "gear" >}}** on the dashboard cell you want to refresh.
|
||||
2. Click **{{< icon "refresh" >}} Refresh**.
|
||||
|
||||
### Automatically refresh dashboard
|
||||
|
||||
Click **Enable Auto Refresh**. In the window that appears, configure the following options:
|
||||
- **Until**: Select **Indefinite** to automatically refresh continuously. Select **Custom** to set a time to stop automatically refreshing.
|
||||
- **Inactivity Timeout**: Set how long the user should be inactive for the dashboard to time out and stop automatically refreshing.
|
||||
- **Refresh Interval**: Enter how frequently the dashboard should refresh.
|
||||
|
||||
### Select time range
|
||||
|
||||
1. Select from the time range options in the dropdown menu.
|
||||
|
||||
{{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Select time range" />}}
|
||||
1. Click **Set Auto Refresh**, and then configure the following options:
|
||||
- Select **Indefinite** to automatically refresh continuously, or select **Custom** to set a time to stop automatically refreshing.
|
||||
- **Refresh Interval**: Enter how frequently the dashboard should refresh.
|
||||
- **Inactivity Timeout**: Set how long the user should be inactive for the dashboard to time out and stop automatically refreshing.
|
||||
2. Click **Confirm** to save your changes.
|
||||
### Select the time range
|
||||
|
||||
1. Select from the time range options from the list.
|
||||
2. Select **Custom Time Range** to enter a custom time range with precision up to nanoseconds.
|
||||
The default time range is 5 minutes.
|
||||
|
||||
> The custom time range uses the selected timezone (local time or UTC).
|
||||
{{% note %}} The custom time range uses the selected timezone (local time or UTC).
|
||||
{{% /note %}}
|
||||
|
||||
### Add variables
|
||||
|
||||
Click **Variables** to display variables available for your dashboard. For details, see [Use and manage variables](/influxdb/cloud/visualize-data/variables/)
|
||||
- Click **Show Variables** to display variables available for your dashboard. For details, see [Use and manage variables](/influxdb/cloud/visualize-data/variables/).
|
||||
|
||||
### Presentation mode
|
||||
### View in presentation mode
|
||||
|
||||
Click the fullscreen icon (**{{< icon "fullscreen" >}}**) to enter presentation mode. Presentation mode allows you to view [a dashboard] in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations.
|
||||
- Click the ellipsis button, and then select **Presentation Mode** to enter presentation mode. Presentation mode lets you view a dashboard in full screen, hiding the left and top navigation menus so only the cells appear. This mode might be helpful, for example, for stationary screens dedicated to monitoring visualizations.
|
||||
|
||||
### Toggle dark mode and light mode
|
||||
Click the moon or sun icons to toggle your dashboard between **dark mode** and **light mode.**
|
||||
|
||||
{{< img-hd src="/img/influxdb/2-0-controls-dark-light-mode.png" alt="Dark & light mode"/>}}
|
||||
- Click the ellipsis button, and then select the moon or sun icons to toggle your dashboard between **dark mode** and **light mode.**
|
||||
|
||||
{{< img-hd src="/img/influxdb/2-0-controls-dark-light-mode.png" alt="Dark & light mode"/>}}
|
||||
|
|
|
|||
Loading…
Reference in New Issue