You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: explore-analyze/dashboards/add-controls.md
+10-10Lines changed: 10 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -14,15 +14,15 @@ There are three types of controls:
14
14
15
15
*[**Options list**](#create-and-add-options-list-and-range-slider-controls) — Adds a dropdown that allows to filter data by selecting one or more values.
16
16
For example, if you are using the **[Logs] Web Traffic** dashboard from the sample web logs data, you can add an options list for the `machine.os.keyword` field that allows you to display only the logs generated from `osx` and `ios` operating systems.
17
-

17
+

18
18
19
19
*[**Range slider**](#create-and-add-options-list-and-range-slider-controls) — Adds a slider that allows to filter the data within a specified range of values. This type of control only works with numeric fields.
20
20
For example, if you are using the **[Logs] Web Traffic** dashboard from the sample web logs data, you can add a range slider for the `hour_of_day` field that allows you to display only the log data from 9:00AM to 5:00PM.
21
-

21
+

22
22
23
23
*[**Time slider**](#add-time-slider-controls) — Adds a time range slider that allows to filter the data within a specified range of time, advance the time range backward and forward by a unit that you can define, and animate your change in data over the specified time range.
24
24
For example, you are using the **[Logs] Web Traffic** dashboard from the sample web logs data, and the global time filter is **Last 7 days**. When you add the time slider, you can click the previous and next buttons to advance the time range backward or forward, and click the play button to watch how the data changes over the last 7 days.
25
-

25
+

26
26
27
27
28
28
@@ -32,7 +32,7 @@ To add interactive Options list and Range slider controls, create the controls,
32
32
33
33
1. Open or create a new dashboard.
34
34
2. In **Edit** mode, select **Controls** > **Add control** in the dashboard toolbar.
35
-

35
+

36
36
37
37
3. On the **Create control** flyout, from the **Data view** dropdown, select the data view that contains the field you want to use for the **Control**.
38
38
4. In the **Field** list, select the field you want to filter on.
@@ -77,7 +77,7 @@ You can add one interactive time slider control to a dashboard.
77
77
78
78
1. Open or create a new dashboard.
79
79
2. In **Edit** mode, select **Controls** > **Add time slider control**.
80
-

80
+

81
81
82
82
3. The time slider control uses the time range from the global time filter. To change the time range in the time slider control, [change the global time filter](../query-filter/filtering.md).
83
83
4. Save the dashboard. The control can now be used.
@@ -88,7 +88,7 @@ You can add one interactive time slider control to a dashboard.
88
88
Several settings that apply to all controls of the same dashboard are available.
89
89
90
90
1. In **Edit** mode, select **Controls** > **Settings**.
91
-

91
+

92
92
93
93
2. On the **Control settings** flyout, configure the following settings:
94
94
@@ -113,7 +113,7 @@ Several settings that apply to all controls of the same dashboard are available.
113
113
114
114
Change the settings for the Options list and Range slider controls.
115
115
116
-
1. Hover over the control you want to edit, then click .
116
+
1. Hover over the control you want to edit, then click .
117
117
2. On the **Edit control** flyout, change the options, then click **Save and close**.
118
118
119
119
## Add controls from your ES|QL visualization's query [add-esql-control]
@@ -122,8 +122,8 @@ stack: preview
122
122
serverless: preview
123
123
```
124
124
125
-
You can bind controls to your ES|QL visualizations in dashboards. When creating an ES|QL visualization, the autocomplete suggestions
126
-
prompt control insertion for field values, field names, function configuration, and function names. This enables controls that only
125
+
You can bind controls to your ES|QL visualizations in dashboards. When creating an ES|QL visualization, the autocomplete suggestions
126
+
prompt control insertion for field values, field names, function configuration, and function names. This enables controls that only
127
127
apply to a specific panel, and exposes visualization configuration such as date histogram interval controls to dashboard users.
128
128
129
129
:::{note}
@@ -179,5 +179,5 @@ Currently, only **Options lists** with static values are supported for ES|QL-bas
179
179
180
180
Remove controls from your dashboard.
181
181
182
-
1. Hover over the control you want to remove, then click .
182
+
1. Hover over the control you want to remove, then click .
183
183
2. On the **Delete control?** window, click **Delete**.
:alt: Easily duplicate the items with drag and drop
115
115
:screenshot:
116
116
:::
@@ -120,7 +120,7 @@ To copy a function, you drag it to the **Add or drag-and-drop a field** area wit
120
120
4. To create the `50th` and `10th` percentiles, repeat the duplication steps.
121
121
5. Open the **Left Axis** menu, select **Custom** from the **Axis title** dropdown, then enter `Percentiles for product prices` in the **Axis title** field.
0 commit comments