Skip to content

Commit 26b604f

Browse files
committed
custom workshop
1 parent 74a74d5 commit 26b604f

File tree

2 files changed

+19
-10
lines changed

2 files changed

+19
-10
lines changed

content/en/s4r/6-apm/2-apm-service-dashboard.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ APM Service Dashboards provide request, error, and duration (**RED**) metrics ba
1313
* In the **Request rate** text chart **(1)**, click the **...** and select **Copy**. Note that you now have a **1** before the **+** at the top right of the page, indicating you have a copied chart to the clipboard. (3)
1414
* Click again on the **...** in the **Request rate** line chart **(2)** and select **Add to clipboard**.
1515
* Note that you now have **2** before the **+** on the top right of the page. **(3)**
16+
* Now lets go back to the explore view, you can hit the back button in your Browser
1617

1718
{{% /notice %}}
1819

content/en/s4r/9-custom-dashboard/2-add-chart.md

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,25 @@ In this section, we are going to use the **Copy and Paste** functionality to ext
1010

1111
* Find your Service Health Dashboard.
1212
* Select the **2+** at the top of the page and select **Paste charts**, this will create the charts in your custom dashboard.
13-
* The chart currently shows data for all **Environments** and **Services**, so let's add a filter for our **environment** and the **paymentservice**.
14-
* Click on the 3 dots **...** at the top right side of the **Request Rate** chart. This will open the chart in edit mode.
15-
* In the new screen, click on the {{% button style="blue" %}}sf_environment{{% /button %}} button (**1**) in the middle of the screen, and pick the [WORKSHOPNAME] from the drop-down. The button should change to **sf_environment:[WORKSHOPNAME]**
13+
<!--* Add `sf_environment:[WORKSHOPNAME]` and `sf_service:payment_service` to the override filter box. ( This will make sure the charts only show data for your workshop **paymentservice**).
14+
-->
15+
* The chart currently show data for all *Environments* & *Services*, so lets add a filter to our environment and the paymentservice.
16+
* Click on the the 3 dots **...** at the top right side of the **Request Rate** text chart. This wil open the edit mode.
17+
* In the new screen, click on the {{% button style="blue" %}}sf_environment{{% /button %}} button (1) in the middle of the screen, and pick the [WORKSHOPNAME] from the drop down. The button should change to **sf_environment:[WORKSHOPNAME]**
1618
* Do the same with the {{% button style="blue" %}}sf_service.{{% /button %}} button (2), only this time change it to `paymentservice`.
17-
![edit chart](../images/edit-chart.png)
18-
* Click the {{% button style="blue" %}}Save and close {{% /button %}} button (**3**).
19-
* As the new pasted charts appeared at the bottom of our dashboard, we need to re-organize our dashboard again.
20-
* First drag the *Log View* chart to the second row, between the *Instructions* chart and the *Log Lines* chart, and expand it to fill the row.
21-
* Resize the two new charts to be 1/3 of a row chart we just pasted, before moving them to the top row, so you have the *Instruction, Request Rate & Error Rate* chart taking up the top row.
22-
![New dashboard look](../images/copyandpastedcharts.png)
23-
* Click the {{% button style="blue" %}}Save{{% /button %}} button again to keep the lates changes.
19+
![edit chart](../images/edit-chart.png)
20+
* Click the {{% button style="blue" %}}Save and close {{% /button %}} button (3).
21+
* Repeat the previous 4 steps again for the the **Request Rate** text chart
22+
* Click {{% button style="blue" %}}Save{{% /button %}} after you have update the two charts.
23+
* As the new pasted charts appeared at the bottom of our dashboard, we need to re-organize our dashboard gain.
24+
* First drag the *Log view* chart to the second row, between the *Instructions* chart and the *Log Lines* chart, and expand it to fill the row.
25+
* Then first resize the two new charts to be 1/3 of a row chart we just pasted, before moving them to the top row, so you have the *Instruction, Request Rate text & Request Rate* line chart taking up the top row.
26+
27+
![new dashboard look](../images/copyandpastedcharts.png)
28+
29+
* Click the {{% button style="blue" %}}Save{{% /button %}} button again to keep th lates changes.
30+
31+
Now we are going to create a custom chart based on our Synthetic test that is running.
2432

2533
{{% /notice %}}
2634

0 commit comments

Comments
 (0)