Skip to content

Commit 29f4a60

Browse files
committed
Formatting fixes
1 parent 26b604f commit 29f4a60

File tree

1 file changed

+10
-14
lines changed

1 file changed

+10
-14
lines changed

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

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -12,23 +12,19 @@ In this section, we are going to use the **Copy and Paste** functionality to ext
1212
* Select the **2+** at the top of the page and select **Paste charts**, this will create the charts in your custom dashboard.
1313
<!--* 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**).
1414
-->
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]**
18-
* Do the same with the {{% button style="blue" %}}sf_service.{{% /button %}} button (2), only this time change it to `paymentservice`.
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
15+
* The chart currently shows data for all **Environments** and **Services**, so let's add a filter for our environment and the **paymentservice**.
16+
* Click on the 3 dots **...** at the top right side of the **Request Rate** text chart. This will open the chart in 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]**
18+
* Do the same with the {{% button style="blue" %}}sf_service.{{% /button %}} button (**2**), only this time change it to `paymentservice`.
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 for the **Request Rate** text chart
2222
* Click {{% button style="blue" %}}Save{{% /button %}} after you have update the two charts.
2323
* As the new pasted charts appeared at the bottom of our dashboard, we need to re-organize our dashboard gain.
2424
* 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.
25+
* 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+
![New dashboard look](../images/copyandpastedcharts.png)
27+
* Click the {{% button style="blue" %}}Save{{% /button %}} button again to keep the latest changes.
3228

3329
{{% /notice %}}
3430

0 commit comments

Comments
 (0)