Skip to content

Commit ea03229

Browse files
Lens batch of small changes for 9.3 (#4273)
<!-- Thank you for contributing to the Elastic Docs! 🎉 Use this template to help us efficiently review your contribution. --> ## Summary This PR takes into account small UI changes for serverless/9.3 in a way that doesn't require applies_to (some options moved, are less easily visible, got added a label - at least as a tooltip - etc.) Fixes: #4267 Fixes: #4266 <!-- Describe what your PR changes or improves. If your PR fixes an issue, link it here. If your PR does not fix an issue, describe the reason you are making the change. --> ## Generative AI disclosure <!-- To help us ensure compliance with the Elastic open source and documentation guidelines, please answer the following: --> 1. Did you use a generative AI (GenAI) tool to assist in creating this contribution? - [ ] Yes - [x] No <!-- 2. If you answered "Yes" to the previous question, please specify the tool(s) and model(s) used (e.g., Google Gemini, OpenAI ChatGPT-4, etc.). Tool(s) and model(s) used: -->
1 parent 80ac0b9 commit ea03229

File tree

3 files changed

+14
-16
lines changed

3 files changed

+14
-16
lines changed

explore-analyze/dashboards/create-dashboard-of-panels-with-ecommerce-data.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ To analyze the data with a custom time interval, create a bar chart that shows y
7171

7272
To identify the 75th percentile of orders, add a reference line:
7373

74-
1. In the layer pane, click **Add layer > Reference lines**.
74+
1. In the layer pane, click {icon}`plus_in_square` **Add layer > Reference lines**.
7575
2. Click **Static value**.
7676

7777
1. Click **Quick function**, then click **Percentile**.
@@ -156,7 +156,7 @@ To analyze multiple visualization types, create an area chart that displays the
156156

157157
Add a layer to display the customer traffic:
158158

159-
1. In the layer pane, click **Add layer > Visualization > Line**.
159+
1. In the layer pane, click {icon}`plus_in_square` **Add layer > Visualization > Line**.
160160
2. From the **Available fields** list, drag **customer_id** to the **Vertical Axis** field in the second layer.
161161
3. In the layer pane, click **Unique count of customer_id**.
162162

explore-analyze/dashboards/open-dashboard.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ Managed dashboards created by integrations can't be edited directly, but you can
4343

4444
## Reset dashboard changes [reset-the-dashboard]
4545

46-
When editing a dashboard, you can revert any changes you’ve made since the last save using the **Reset** button in the toolbar.
46+
When editing a dashboard, you can revert any changes you’ve made since the last save using the **Reset** button located next to **Save** in the toolbar.
4747

4848
::::{note}
4949
Once changes are saved, you can no longer revert them in one click, and instead have to edit the dashboard manually.

explore-analyze/visualize/lens.md

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ Choose the data you want to visualize.
4848

4949
1. Drag the fields directly to the layer pane. **Lens** automatically selects the aggregation function.
5050
2. If you want to learn more about the data a field contains, click the field.
51-
3. To visualize more than one {{data-source}}, click **Add layer**, select the layer type, then select the {{data-source}}.
51+
3. To visualize more than one {{data-source}}, select {icon}`plus_in_square` **Add layer**, choose the layer type, then select the {{data-source}}.
5252

5353
Edit and delete.
5454

@@ -357,7 +357,7 @@ Any annotation layer can be saved as an annotation group to the **Visualize Libr
357357

358358
Create a new annotation layer.
359359

360-
1. In the layer pane, click **Add layer > Annotations > New annotation**.
360+
1. From your visualization, select {icon}`plus_in_square` **Add layer > Annotations > New annotation**.
361361
2. Select the {{data-source}} for the annotation.
362362
3. From the fields list, drag a field to the **Add an annotation** field.
363363
4. To use global filters in the annotation, click ![Actions menu for the annotations layer](/explore-analyze/images/kibana-lens_layerActions_8.5.0.png ""), then select **Keep global filters** from the dropdown.
@@ -389,13 +389,13 @@ Specify the annotation appearance.
389389

390390
Save the annotation group to the library.
391391

392-
1. In the layer pane, on your annotation layer, click ![Save button on annotations layer](/explore-analyze/images/kibana-lens_saveAnnotationLayerButton_8.9.0.png "").
392+
1. From your visualization, on your annotation layer, click ![Save button on annotations layer](/explore-analyze/images/kibana-lens_saveAnnotationLayerButton_8.9.0.png "").
393393
2. Enter the **Title**, **Description**, and add any applicable [**Tags**](../find-and-organize/tags.md).
394394
3. Click **Save group**.
395395

396396
Add a library annotation group to a visualization.
397397

398-
1. In the layer pane, click **Add layer > Annotations > Load from library**.
398+
1. From your visualization, select {icon}`plus_in_square` **Add layer > Annotations > Load from library**.
399399
2. Select the annotation group you want to use.
400400

401401

@@ -410,7 +410,7 @@ For example, to track the number of bytes in the 75th percentile, add a shaded *
410410
:screenshot:
411411
:::
412412

413-
1. In the layer pane, click **Add layer > Reference lines**.
413+
1. From your visualization, click **Add layer > Reference lines**.
414414
2. Click the reference line value, then specify the reference line you want to use:
415415

416416
* To add a static reference line, click **Static**, then enter the reference line value you want to use.
@@ -463,18 +463,16 @@ In the legend, click the field, then choose one of the following options:
463463

464464
## Customize the visualization display [configure-the-visualization-components]
465465

466-
Each visualization type comes with a set of components that you access from the editor toolbar.
466+
Each visualization offers various options that you can use to customize its appearance:
467467

468-
The following component menus are available:
469-
470-
* **Appearance** — Specifies how to display area, line, and bar chart options. For example, you can specify how to display the labels in bar charts.
468+
* **Style** — Specifies how to display area, line, and bar chart options. For example, you can specify how to display the labels in bar charts.
471469
* **Labels** — Specifies how to display the labels for donut charts, pie charts, and treemaps.
472470
* **Legend** — Specifies how to display the legend. You can choose to display the legend inside or outside the visualization, truncate the legend values when they’re too long, and [select additional statistics to show](#customize-visualization-legend).
473471
* **Left axis**, **Bottom axis**, and **Right axis** — Specify how you want to display the chart axes. For example, add axis labels and change the orientation and bounds.
474472

475-
### Visualization appearance options [customize-visualization-appearance]
473+
### Visualization appearance and style options [customize-visualization-appearance]
476474

477-
When creating or editing a visualization, you can customize several appearance options. To do that, look for the {icon}`brush` icon.
475+
You can customize the appearance of your visualizations with several options. To do that, look for the {icon}`brush` **Style** button.
478476

479477
These options can vary depending on the type of chart.
480478

@@ -535,7 +533,7 @@ These options can vary depending on the type of chart.
535533
```{applies_to}
536534
stack: ga 9.2
537535
```
538-
When creating or editing a visualization, you can customize several appearance options. To do that, look for the {icon}`brush` icon.
536+
When creating or editing a visualization, you can customize several appearance options. To do that, look for the {icon}`brush` **Style** button.
539537

540538
**Primary metric**
541539
: Define the formatting of the primary metric in terms of **Position**, **Alignment**, and **Font size**.
@@ -587,7 +585,7 @@ When creating or editing a visualization, you can customize several appearance o
587585

588586
### Customize the visualization legend [customize-visualization-legend]
589587

590-
When creating or editing a visualization, you can customize the way the legend gets displayed, and the data it displays. To do that, look for the ![Legend icon](/explore-analyze/images/kibana-legend-icon.svg "") icon.
588+
When creating or editing a visualization, you can customize the way the legend gets displayed, and the data it displays. To do that, look for the ![Legend icon](/explore-analyze/images/kibana-legend-icon.svg "") **Legend** button.
591589

592590
:::{image} /explore-analyze/images/kibana-legend-popover-8.16.0.png
593591
:alt: Menu with options to customize the legend of a visualization

0 commit comments

Comments
 (0)