Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add summary pics at the end of each section for Lens E2E page #3

Open
wants to merge 2 commits into
base: docs/dashboard-7.11
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
25 changes: 20 additions & 5 deletions docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc
Original file line number Diff line number Diff line change
Expand Up @@ -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]]
Expand All @@ -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*.

Expand Down Expand Up @@ -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*.

Expand All @@ -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.

Expand All @@ -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]]
Expand Down Expand Up @@ -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]]
Expand Down Expand Up @@ -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]]
Expand Down Expand Up @@ -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*.

Expand All @@ -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.

Expand Down