[DOCS] Refreshes Lens docs for 7.10 (#79684)
* [DOCS] Refreshes Lens docs for 7.10 * Compresses png files
|
@ -209,18 +209,18 @@ visualization, configure the customization options for your visualization.
|
||||||
|
|
||||||
The data fields that are displayed are based on the selected <<index-patterns,index pattern>> and the <<set-time-filter,time filter>>.
|
The data fields that are displayed are based on the selected <<index-patterns,index pattern>> and the <<set-time-filter,time filter>>.
|
||||||
|
|
||||||
To view the data fields in a different index pattern, click the index pattern, then select a new one. The data fields automatically update.
|
To view the data fields in a different index pattern, click the *Change Index Pattern* dropdown, then select a new one.
|
||||||
|
|
||||||
To filter the data fields:
|
To filter the data fields:
|
||||||
|
|
||||||
* Enter the name in the *Search field names*.
|
* Enter the data field name in *Search field names*.
|
||||||
* Click *Field by type*, then select the filter. To show all fields in the index pattern, deselect *Only show fields with data*.
|
* Click *Field filters*, then select the filter.
|
||||||
|
|
||||||
[float]
|
[float]
|
||||||
[[view-data-summaries]]
|
[[view-data-summaries]]
|
||||||
==== View data summaries
|
==== View data field summaries
|
||||||
|
|
||||||
To help you decide exactly the data you want to display, get a quick summary of each field. The summary shows the distribution of
|
To help you decide exactly the data you want to display, get a quick summary of each data field. The summary shows the distribution of
|
||||||
values within the specified time range.
|
values within the specified time range.
|
||||||
|
|
||||||
To view the data field summary information, navigate to the field, then click *i*.
|
To view the data field summary information, navigate to the field, then click *i*.
|
||||||
|
@ -252,11 +252,9 @@ When there is an exclamation point (!) next to a visualization type, *Lens* is u
|
||||||
|
|
||||||
For each visualization type, you can customize the aggregation and labels. The options available depend on the selected visualization type.
|
For each visualization type, you can customize the aggregation and labels. The options available depend on the selected visualization type.
|
||||||
|
|
||||||
. Click a data field name in the editor, or click *Drop a field here*.
|
. From the editor, click a data field, or click *Drop a field or click to add*.
|
||||||
. Change the options that appear.
|
|
||||||
+
|
. Change the options, then click *Close*.
|
||||||
[role="screenshot"]
|
|
||||||
image::images/lens_aggregation_labels.png[Quick function options]
|
|
||||||
|
|
||||||
[float]
|
[float]
|
||||||
[[add-layers-and-indices]]
|
[[add-layers-and-indices]]
|
||||||
|
|
Before Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 1 MiB After Width: | Height: | Size: 633 KiB |
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
BIN
docs/user/dashboard/images/lens_tutorial_1.png
Normal file
After Width: | Height: | Size: 141 KiB |
BIN
docs/user/dashboard/images/lens_tutorial_2.png
Normal file
After Width: | Height: | Size: 58 KiB |
BIN
docs/user/dashboard/images/lens_tutorial_3.1.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
docs/user/dashboard/images/lens_tutorial_3.2.png
Normal file
After Width: | Height: | Size: 37 KiB |
BIN
docs/user/dashboard/images/lens_tutorial_3.png
Normal file
After Width: | Height: | Size: 408 KiB |
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 78 KiB |
|
@ -6,13 +6,13 @@ Learn how to use *Lens*, *Vega*, and *Timelion* by going through one of the step
|
||||||
[[lens-tutorial]]
|
[[lens-tutorial]]
|
||||||
=== Compare sales over time with Lens
|
=== Compare sales over time with Lens
|
||||||
|
|
||||||
Ready to create your own visualization with Lens? Use the following tutorial to create a visualization that lets you compare sales over time.
|
Ready to create your own visualization with *Lens*? Use the following tutorial to create a visualization that lets you compare sales over time.
|
||||||
|
|
||||||
[float]
|
[float]
|
||||||
[[lens-before-begin]]
|
[[lens-before-begin]]
|
||||||
==== Before you begin
|
==== Before you begin
|
||||||
|
|
||||||
To start, you'll need to add the <<add-sample-data, sample ecommerce data>>.
|
To start, add the <<add-sample-data, sample ecommerce data>>.
|
||||||
|
|
||||||
[float]
|
[float]
|
||||||
==== Build the visualization
|
==== Build the visualization
|
||||||
|
@ -23,16 +23,16 @@ Drag and drop your data onto the visualization builder pane.
|
||||||
|
|
||||||
. Click image:images/time-filter-calendar.png[], then click *Last 7 days*.
|
. Click image:images/time-filter-calendar.png[], then click *Last 7 days*.
|
||||||
+
|
+
|
||||||
The fields in the data panel update.
|
The *Available fields* automatically update.
|
||||||
|
|
||||||
. Drag and drop the *taxful_total_price* data field to the visualization builder pane.
|
. Drag and drop the *taxful_total_price* data field to the visualization builder pane.
|
||||||
+
|
+
|
||||||
[role="screenshot"]
|
[role="screenshot"]
|
||||||
image::images/lens_tutorial_1.png[Lens tutorial]
|
image::images/lens_tutorial_1.png[Lens tutorial]
|
||||||
|
|
||||||
To display the average order prices over time, *Lens* automatically added in *order_date* field.
|
To display the average order prices over time, *Lens* automatically added *order_date* to the *X-axis*.
|
||||||
|
|
||||||
To break down your data, drag the *category.keyword* field to the visualization builder pane. Lens
|
To break down your data, drag and drop the *category.keyword* field to the visualization builder pane. Lens
|
||||||
knows that you want to show the top categories and compare them across the dates,
|
knows that you want to show the top categories and compare them across the dates,
|
||||||
and creates a chart that compares the sales for each of the top three categories:
|
and creates a chart that compares the sales for each of the top three categories:
|
||||||
|
|
||||||
|
@ -45,30 +45,33 @@ image::images/lens_tutorial_2.png[Lens tutorial]
|
||||||
|
|
||||||
Make your visualization look exactly how you want with the customization options.
|
Make your visualization look exactly how you want with the customization options.
|
||||||
|
|
||||||
. Click *Average of taxful_total_price*, then change the *Label* to `Sales`.
|
. Click *Average of taxful_total_price*, then change the *Display name* to Sales.
|
||||||
+
|
+
|
||||||
[role="screenshot"]
|
[role="screenshot"]
|
||||||
image::images/lens_tutorial_3.1.png[Lens tutorial]
|
image::images/lens_tutorial_3.1.png[Lens tutorial]
|
||||||
|
|
||||||
|
. Click *Close*.
|
||||||
|
|
||||||
. Click *Top values of category.keyword*, then change *Number of values* to `10`.
|
. Click *Top values of category.keyword*, then change *Number of values* to `10`.
|
||||||
+
|
+
|
||||||
[role="screenshot"]
|
[role="screenshot"]
|
||||||
image::images/lens_tutorial_3.2.png[Lens tutorial]
|
image::images/lens_tutorial_3.2.png[Lens tutorial]
|
||||||
|
|
||||||
|
. Click *Close*.
|
||||||
+
|
+
|
||||||
The visualization updates to show there are only six available categories.
|
The visualization updates to show there are only six available categories.
|
||||||
+
|
|
||||||
Look at the *Suggestions*. An area chart is not an option, but for the sales data, a stacked area chart might be the best option.
|
|
||||||
|
|
||||||
. To switch the chart type, click *Stacked bar chart* in the column, then click *Stacked area* from the *Select a visualizations* window.
|
. Look at the *Suggestions*. An area chart is not an option, but for the sales data, a stacked area chart might be the best option.
|
||||||
|
To switch the chart type, click *Stacked bar chart*, then click *Stacked area* from the *Select a visualization* dropdown.
|
||||||
+
|
+
|
||||||
[role="screenshot"]
|
[role="screenshot"]
|
||||||
image::images/lens_tutorial_3.png[Lens tutorial]
|
image::images/lens_tutorial_3.png[Lens tutorial]
|
||||||
|
|
||||||
[float]
|
[float]
|
||||||
[[lens-tutorial-next-steps]]
|
[[lens-tutorial-next-steps]]
|
||||||
==== Next steps
|
==== What's next?
|
||||||
|
|
||||||
Now that you've created your visualization, you can add it to a <<dashboard,dashboard>> or <<canvas,Canvas workpad>>.
|
Now that you've created your *Lens* visualization, add it to a <<dashboard,dashboard>> or <<canvas,Canvas workpad>>.
|
||||||
|
|
||||||
[[vega-lite-tutorial-create-your-first-visualizations]]
|
[[vega-lite-tutorial-create-your-first-visualizations]]
|
||||||
=== Create your first visualization with Vega-Lite
|
=== Create your first visualization with Vega-Lite
|
||||||
|
|
Before Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 89 KiB |
Before Width: | Height: | Size: 891 KiB |
Before Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 11 KiB |
Before Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 42 KiB |
Before Width: | Height: | Size: 69 KiB |
Before Width: | Height: | Size: 105 KiB |
Before Width: | Height: | Size: 137 KiB |
Before Width: | Height: | Size: 231 KiB |
Before Width: | Height: | Size: 53 KiB |