[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>>.
|
||||
|
||||
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:
|
||||
|
||||
* Enter the name in the *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*.
|
||||
* Enter the data field name in *Search field names*.
|
||||
* Click *Field filters*, then select the filter.
|
||||
|
||||
[float]
|
||||
[[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.
|
||||
|
||||
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.
|
||||
|
||||
. Click a data field name in the editor, or click *Drop a field here*.
|
||||
. Change the options that appear.
|
||||
+
|
||||
[role="screenshot"]
|
||||
image::images/lens_aggregation_labels.png[Quick function options]
|
||||
. From the editor, click a data field, or click *Drop a field or click to add*.
|
||||
|
||||
. Change the options, then click *Close*.
|
||||
|
||||
[float]
|
||||
[[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]]
|
||||
=== 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]
|
||||
[[lens-before-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]
|
||||
==== 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*.
|
||||
+
|
||||
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.
|
||||
+
|
||||
[role="screenshot"]
|
||||
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,
|
||||
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.
|
||||
|
||||
. 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"]
|
||||
image::images/lens_tutorial_3.1.png[Lens tutorial]
|
||||
|
||||
. Click *Close*.
|
||||
|
||||
. Click *Top values of category.keyword*, then change *Number of values* to `10`.
|
||||
+
|
||||
[role="screenshot"]
|
||||
image::images/lens_tutorial_3.2.png[Lens tutorial]
|
||||
|
||||
. Click *Close*.
|
||||
+
|
||||
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"]
|
||||
image::images/lens_tutorial_3.png[Lens tutorial]
|
||||
|
||||
[float]
|
||||
[[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]]
|
||||
=== 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 |