Skip to content

Commit

Permalink
OBSDOCS-1527: Add missing information to the monitoring dashboards se…
Browse files Browse the repository at this point in the history
…ction
  • Loading branch information
eromanova97 committed Jan 14, 2025
1 parent 662ad2d commit 52d9da0
Show file tree
Hide file tree
Showing 7 changed files with 67 additions and 44 deletions.
Binary file modified images/observe-dashboard-developer.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@ Only dedicated administrators have access to the third-party UIs provided with {
====
endif::openshift-dedicated,openshift-rosa[]

The Metrics UI includes predefined queries, for example, CPU, memory, bandwidth, or network packet for all projects. You can also run custom Prometheus Query Language (PromQL) queries.

.Prerequisites

ifndef::openshift-dedicated,openshift-rosa[]
Expand All @@ -35,58 +37,58 @@ endif::openshift-dedicated,openshift-rosa[]

.Procedure

. From the *Administrator* perspective in the {product-title} web console, select *Observe* -> *Metrics*.
. In the *Administrator* perspective of the {product-title} web console, click *Observe* and go to the *Metrics* tab.

. To add one or more queries, do any of the following:
. To add one or more queries, perform any of the following actions:
+
|===
|Option |Description

|Select an existing query.
|From the *Select query* drop-down list, select an existing query.

|Create a custom query.
|Add your Prometheus Query Language (PromQL) query to the *Expression* field.

As you type a PromQL expression, autocomplete suggestions appear in a drop-down list. These suggestions include functions, metrics, labels, and time tokens.
You can use the keyboard arrows to select one of these suggested items and then press Enter to add the item to your expression. You can also move your mouse pointer over a suggested item to view a brief description of that item.
Use the keyboard arrows to select one of these suggested items and then press Enter to add the item to your expression. Move your mouse pointer over a suggested item to view a brief description of that item.

|Add multiple queries. |Select *Add query*.
|Add multiple queries. |Click *Add query*.

|Duplicate an existing query. |Select the Options menu {kebab} next to the query, then choose *Duplicate query*.
|Duplicate an existing query. |Click the options menu {kebab} next to the query, then choose *Duplicate query*.

|Disable a query from being run. |Select the Options menu {kebab} next to the query and choose *Disable query*.
|Disable a query from being run. |Click the options menu {kebab} next to the query and choose *Disable query*.
|===

. To run queries that you created, select *Run queries*. The metrics from the queries are visualized on the plot. If a query is invalid, the UI shows an error message.
. To run queries that you created, click *Run queries*. The metrics from the queries are visualized on the plot. If a query is invalid, the UI shows an error message.
+
[NOTE]
====
Queries that operate on large amounts of data might time out or overload the browser when drawing time series graphs. To avoid this, select *Hide graph* and calibrate your query using only the metrics table. Then, after finding a feasible query, enable the plot to draw the graphs.
====
+
[NOTE]
====
By default, the query table shows an expanded view that lists every metric and its current value. You can select *˅* to minimize the expanded view for a query.
* When drawing time series graphs, queries that operate on large amounts of data might time out or overload the browser. To avoid this, click *Hide graph* and calibrate your query by using only the metrics table. Then, after finding a feasible query, enable the plot to draw the graphs.
* By default, the query table shows an expanded view that lists every metric and its current value. Click the *˅* down arrowhead to minimize the expanded view for a query.
====
. Optional: The page URL now contains the queries you ran. To use this set of queries again in the future, save this URL.

. Explore the visualized metrics. Initially, all metrics from all enabled queries are shown on the plot. You can select which metrics are shown by doing any of the following:
. Explore the visualized metrics. Initially, all metrics from all enabled queries are shown on the plot. Select which metrics are shown by performing any of the following actions:
+
|===
|Option |Description

|Hide all metrics from a query. |Click the Options menu {kebab} for the query and click *Hide all series*.
|Hide all metrics from a query. |Click the options menu {kebab} for the query and click *Hide all series*.

|Hide a specific metric. |Go to the query table and click the colored square near the metric name.

|Zoom into the plot and change the time range.
a|Either:
a|Perform one of the following actions:

* Visually select the time range by clicking and dragging on the plot horizontally.
* Use the menu in the left upper corner to select the time range.
* Use the menu to select the time range.
|Reset the time range. |Select *Reset zoom*.
|Reset the time range. |Click *Reset zoom*.

|Display outputs for all queries at a specific point in time. |Hold the mouse cursor on the plot at that point. The query outputs will appear in a pop-up box.
|Display outputs for all queries at a specific point in time. |Hover over the plot at the point you are interested in. The query outputs appear in a pop-up box.

|Hide the plot. |Select *Hide graph*.
|Hide the plot. |Click *Hide graph*.
|===
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

You can access metrics for a user-defined project as a developer or as a user with view permissions for the project.

In the *Developer* perspective, the Metrics UI includes some predefined CPU, memory, bandwidth, and network packet queries for the selected project. You can also run custom Prometheus Query Language (PromQL) queries for CPU, memory, bandwidth, network packet and application metrics for the project.
The Metrics UI includes predefined queries, for example, CPU, memory, bandwidth, or network packet. These queries are restricted to the selected project. You can also run custom Prometheus Query Language (PromQL) queries for the project.

[NOTE]
====
Expand All @@ -28,29 +28,60 @@ endif::openshift-dedicated,openshift-rosa[]
.Procedure

. From the *Developer* perspective in the {product-title} web console, select *Observe* -> *Metrics*.
. In the *Developer* perspective of the {product-title} web console, click *Observe* and go to the *Metrics* tab.

. Select the project that you want to view metrics for in the *Project:* list.

. Select a query from the *Select query* list, or create a custom PromQL query based on the selected query by selecting *Show PromQL*. The metrics from the queries are visualized on the plot.
. To add one or more queries, perform any of the following actions:
+
|===
|Option |Description

|Select an existing query.
|From the *Select query* drop-down list, select an existing query.

|Create a custom query.
|Add your Prometheus Query Language (PromQL) query to the *Expression* field.

As you type a PromQL expression, autocomplete suggestions appear in a drop-down list. These suggestions include functions, metrics, labels, and time tokens.
Use the keyboard arrows to select one of these suggested items and then press Enter to add the item to your expression. Move your mouse pointer over a suggested item to view a brief description of that item.

|Add multiple queries. |Click *Add query*.

|Duplicate an existing query. |Click the options menu {kebab} next to the query, then choose *Duplicate query*.

|Disable a query from being run. |Click the options menu {kebab} next to the query and choose *Disable query*.
|===

. To run queries that you created, click *Run queries*. The metrics from the queries are visualized on the plot. If a query is invalid, the UI shows an error message.
+
[NOTE]
====
In the Developer perspective, you can only run one query at a time.
* When drawing time series graphs, queries that operate on large amounts of data might time out or overload the browser. To avoid this, click *Hide graph* and calibrate your query by using only the metrics table. Then, after finding a feasible query, enable the plot to draw the graphs.
* By default, the query table shows an expanded view that lists every metric and its current value. Click the *˅* down arrowhead to minimize the expanded view for a query.
====
. Explore the visualized metrics by doing any of the following:
. Optional: The page URL now contains the queries you ran. To use this set of queries again in the future, save this URL.

. Explore the visualized metrics. Initially, all metrics from all enabled queries are shown on the plot. Select which metrics are shown by performing any of the following actions:
+
|===
|Option |Description

|Hide all metrics from a query. |Click the options menu {kebab} for the query and click *Hide all series*.

|Hide a specific metric. |Go to the query table and click the colored square near the metric name.

|Zoom into the plot and change the time range.
a|Either:
a|Perform one of the following actions:

* Visually select the time range by clicking and dragging on the plot horizontally.
* Use the menu in the left upper corner to select the time range.
* Use the menu to select the time range.
|Reset the time range. |Click *Reset zoom*.

|Reset the time range. |Select *Reset zoom*.
|Display outputs for all queries at a specific point in time. |Hover over the plot at the point you are interested in. The query outputs appear in a pop-up box.

|Display outputs for all queries at a specific point in time. |Hold the mouse cursor on the plot at that point. The query outputs appear in a pop-up box.
|Hide the plot. |Click *Hide graph*.
|===
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ endif::openshift-dedicated,openshift-rosa[]

.Procedure

. In the *Administrator* perspective in the {product-title} web console, navigate to *Observe* -> *Dashboards*.
. In the *Administrator* perspective of the {product-title} web console, go to *Observe* -> *Dashboards*.

. Choose a dashboard in the *Dashboard* list. Some dashboards, such as *etcd* and *Prometheus* dashboards, produce additional sub-menus when selected.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ In the *Developer* perspective, you can view dashboards relating to a selected p
.Procedure

. In the Developer perspective in the {product-title} web console, navigate to *Observe* -> *Dashboard*.
. In the Developer perspective in the {product-title} web console, click *Observe* and go to the *Dashboards* tab.

. Select a project from the *Project:* drop-down list.

Expand Down
4 changes: 2 additions & 2 deletions modules/sd-monitoring-troubleshooting-issues.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@ If metrics are not displaying when monitoring user-defined projects, follow thes
.Procedure

. Query the metric name and verify that the project is correct:
.. From the *Developer* perspective in the web console, select *Observe* -> *Metrics*.
.. In the *Developer* perspective of the web console, click *Observe* and go to the *Metrics* tab.
.. Select the project that you want to view metrics for in the *Project:* list.
.. Choose a query from the *Select query* list, or run a custom PromQL query by selecting *Show PromQL*.
.. Select an existing query from the *Select query* list, or run a custom query by adding a PromQL query to the *Expression* field.
+
The metrics are displayed in a chart.
+
Expand Down
12 changes: 1 addition & 11 deletions observability/monitoring/reviewing-monitoring-dashboards.adoc
Original file line number Diff line number Diff line change
Expand Up @@ -26,21 +26,11 @@ Use the *Administrator* perspective to access dashboards for the core {product-t
.Example dashboard in the Administrator perspective
image::monitoring-dashboard-administrator.png[]

Use the *Developer* perspective to access Kubernetes compute resources dashboards that provide the following application metrics for a selected project:

* CPU usage
* Memory usage
* Bandwidth information
* Packet rate information
In the *Developer* perspective, you can access only the Kubernetes compute resources dashboards:

.Example dashboard in the Developer perspective
image::observe-dashboard-developer.png[]

[NOTE]
====
In the *Developer* perspective, you can view dashboards for only one project at a time.
====

// Reviewing monitoring dashboards as a cluster administrator
include::modules/monitoring-reviewing-monitoring-dashboards-admin.adoc[leveloffset=+1]

Expand Down

0 comments on commit 52d9da0

Please sign in to comment.