Skip to content

Commit 0c748e4

Browse files
panel header & empty dashboard updates (#1095)
* panel header update Updates text and images related to the updated panel header. TO DO Update images in Change the panel visualization procedure Discuss kebab menu terminology/formatting in other procedures * add description of icon Co-authored-by: Matt Dodson <[email protected]> * removed unnecessary screenshots + rewording Removed screenshots in last two procedures and reworded step 3 of last procedure * updates for empty dashboard state --------- Co-authored-by: Matt Dodson <[email protected]>
1 parent c02cba6 commit 0c748e4

File tree

1 file changed

+11
-26
lines changed

1 file changed

+11
-26
lines changed

docs/sources/analyze-results/correlate-results-in-grafana.md

Lines changed: 11 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -27,12 +27,12 @@ Use [Grafana Explore](/docs/grafana/latest/explore/) to query metrics and show t
2727
To work directly with the k6 queries of a panel on Explore:
2828

2929
1. Navigate to a test result view.
30-
2. Find a panel to query their metrics.
31-
3. Click the **Kebab menu** (three dots).
30+
1. Find a panel to query their metrics.
31+
1. Click the actions menu (three dots).
3232

3333
![Select Explore metrics](/media/docs/k6/screenshot-grafana-cloud-kebab-menu.png)
3434

35-
4. Click **Explore**.
35+
1. Click **Explore**.
3636

3737
Explore displays the metric or group of metrics.
3838

@@ -44,7 +44,7 @@ To work directly with the k6 queries of a panel on Explore:
4444
To add k6 metrics as a panel, follow these steps:
4545

4646
1. Open the dashboard that you want to add the panel to.
47-
1. Select the **Add panel** icon.
47+
1. At the top of the dashboard, click **Add** and select **Visualization**.
4848
1. For **Data source**, choose `k6`.
4949
1. Filter for your **Test**, **Test run**, **Project**, and **Query type**.
5050
1. **Save**.
@@ -54,35 +54,20 @@ To add k6 metrics as a panel, follow these steps:
5454
Add a k6 panel to a [dashboard](/docs/grafana/latest/dashboards/) when you want to visualize k6 results with other existing visualizations, such as observability data of the system under test.
5555

5656
1. Find the k6 panel.
57-
2. Click the **Kebab menu** (three dots).
58-
3. Click **Copy to Clipboard**.
59-
4. Navigate to the dashboard that you want to add the panel.
60-
5. Click the **Add Panel** icon.
61-
62-
The Add panel dialog opens.
63-
64-
{{< figure src="/media/docs/k6/screenshot-grafana-cloud-add-panel.png" class="docs-image--no-shadow" max-width= "900px" caption="Screenshot of the add panel dialog" >}}
65-
66-
6. Click **Paste panel from clipboard**.
57+
1. Click the **Kebab menu** (three dots).
58+
1. Click **Copy to Clipboard**.
59+
1. Navigate to the dashboard that you want to add the panel.
60+
1. At the top of the dashboard, click **Add** and select **Paste panel**.
6761

6862
Once added the k6 panel to a dashboard, you can edit the panel options.
6963

7064
### Change the panel visualization
7165

72-
7366
To change the panel visualization:
7467

75-
1. Click on the panel title
76-
77-
{{< figure src="/media/docs/k6/screenshot-grafana-cloud-edit-panel.png" class="docs-image--no-shadow" max-width= "900px" caption="Screenshot of the panel menu" >}}
78-
79-
2. Click **Edit**
80-
81-
3. Click the right sidebar to change the visualization
82-
83-
You can see a list of visualizations to select.
84-
85-
{{< figure src="/media/docs/k6/screenshot-grafana-cloud-edit-panel-view.png" class="docs-image--no-shadow" max-width= "900px" caption="Screenshot of the edit panel" >}}
68+
1. Hover over any part of the panel to display the actions menu (three dots) on the top right corner.
69+
1. Click the menu and select **Edit**.
70+
1. Click the name of the current visualization to see a list of all visualizations, and select the one you want.
8671

8772
The majority of the k6 panels are `Time series` visualizations.
8873
For details, refer to [query types]({{< relref "../reference/query-types" >}}).

0 commit comments

Comments
 (0)