diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_2.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_2.png index 14d04be8bf3a2e..176528c0045e70 100644 Binary files a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_2.png and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_2.png differ diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_3.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_3.png index 447fb0f0b4459b..14d04be8bf3a2e 100644 Binary files a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_3.png and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_3.png differ diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_4.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_4.png index 3a11be1d709c26..447fb0f0b4459b 100644 Binary files a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_4.png and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_4.png differ diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_5.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_5.png index 9e77da6aa8b9d2..3a11be1d709c26 100644 Binary files a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_5.png and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_5.png differ diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_6.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_6.png index c1e24d329e87d8..9e77da6aa8b9d2 100644 Binary files a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_6.png and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_6.png differ diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_7.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_7.png new file mode 100644 index 00000000000000..c1e24d329e87d8 Binary files /dev/null and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_3_7.png differ diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_5_3.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_5_3.png new file mode 100644 index 00000000000000..3af24b108780ac Binary files /dev/null and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_5_3.png differ diff --git a/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_7_4.png b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_7_4.png new file mode 100644 index 00000000000000..2e1794716536e5 Binary files /dev/null and b/docs/user/dashboard/lens-end-to-end/images/lens_end_to_end_7_4.png differ diff --git a/docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc b/docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc index ed44e295cf9f2e..66e24caa09e8ea 100644 --- a/docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc +++ b/docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc @@ -105,6 +105,9 @@ image::images/lens_end_to_end_3_1.png[Customize time interval] .. Click *Close*. . From the *Chart Type* dropdown, select *Area*. ++ +[role="screenshot"] +image::images/lens_end_to_end_3_2.png[Area chart] [discrete] [[add-a-data-layer]] @@ -115,12 +118,12 @@ To compare the average of bytes transfer to the number of users that visit your . From the editor, click *+*. + [role="screenshot"] -image::images/lens_end_to_end_3_2.png[Add new layer button] +image::images/lens_end_to_end_3_3.png[Add new layer button] . From the new layer editor, click the *Chart type* dropdown, then click the line chart. + [role="screenshot"] -image::images/lens_end_to_end_3_3.png[Change layer type] +image::images/lens_end_to_end_3_4.png[Change layer type] + The chart type for the visualization changes to *Mixed XY*. @@ -168,7 +171,7 @@ display the *Unique visitors* data along a second y-axis, then change the format .. From the *Value format* dropdown, select *Bytes (1024)*. + [role="screenshot"] -image::images/lens_end_to_end_3_4.png[Multiaxis chart] +image::images/lens_end_to_end_3_5.png[Multiaxis chart] .. Click *Close*. @@ -181,7 +184,7 @@ The visualization is done, but the legend uses a lot of space. Change the legend . From the *Legend* dropdown, select the top position. + [role="screenshot"] -image::images/lens_end_to_end_3_5.png[legend position] +image::images/lens_end_to_end_3_6.png[legend position] . Save the visualization, then add it to the dashboard. @@ -192,6 +195,9 @@ image::images/lens_end_to_end_3_5.png[legend position] .. Select *Add to dashboard after saving*. .. Click *Save and return*. ++ +[role="screenshot"] +image::images/lens_end_to_end_3_7.png[Final multiaxis chart] [discrete] [[percentage-stacked-area]] @@ -276,6 +282,9 @@ image::images/lens_end_to_end_4_1.png[First filter in filters aggregation] .. Select *Add to dashboard after saving*. .. Click *Save and return*. ++ +[role="screenshot"] +image::images/lens_end_to_end_4_4.png[Response codes chart] [discrete] [[histogram]] @@ -317,6 +326,9 @@ image::images/lens_end_to_end_5_2.png[Create custom ranges] .. Select *Add to dashboard after saving*. .. Click *Save and return*. ++ +[role="screenshot"] +image::images/lens_end_to_end_5_3.png[Hourly traffic distribution] [discrete] [[custom-ranges]] @@ -428,7 +440,7 @@ Compare the top sources of website traffic data to the top three countries. [role="screenshot"] image::images/lens_end_to_end_7_2.png[Treemap vis] -. To view only the Facebook and Twitter data, remove the *Other* category. +. To view only the 3 top countries, remove the *Other* category. .. From the editor, click *Top values of geo.src*. @@ -448,6 +460,9 @@ image::images/lens_end_to_end_7_3.png[Group other values as Other] .. Select *Add to dashboard after saving*. .. Click *Save and return*. ++ +[role="screenshot"] +image::images/lens_end_to_end_7_4.png[Traffic source for top 3 countries chart] That's it! You've created a dashboard that provides you with a complete picture of your website data.