-
Notifications
You must be signed in to change notification settings - Fork 8.6k
Adds the VisEditor docs for 8.6 #146471
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
Adds the VisEditor docs for 8.6 #146471
Changes from all commits
54479f3
2ca2d11
88f0771
6a0f64d
5dd947c
d811c16
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -191,6 +191,29 @@ TIP: Aggregation-based panels support a maximum of three *Split series*. | |
| [role="screenshot"] | ||
| image:images/aggBased_barChartTutorial2_8.4.png[Bar chart with sample logs data] | ||
|
|
||
| [float] | ||
| [[edit-agg-based-visualizations-in-lens]] | ||
| ==== Open and edit aggregation-based visualizations in Lens | ||
|
|
||
| When you open aggregation-based visualizations in *Lens*, all configuration options appear in the *Lens* visualization editor. | ||
|
|
||
| You can open the following aggregation-based visualizations in *Lens*: | ||
|
|
||
| * Area | ||
| * Data table | ||
| * Gauge | ||
| * Goal | ||
| * Heat map | ||
| * Horizontal bar | ||
| * Line | ||
| * Metric | ||
| * Pie | ||
| * Vertical bar | ||
|
|
||
| To get started, click *Edit visualization in Lens* in the toolbar. | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Gail and I did a UI review with Graham and Michael, and we decided to call this the toolbar. I'm totally down to do a UI review refresh! Especially if the Solutions UIs are planning to adopt this component and functionality. |
||
|
|
||
| For more information, check out <<lens,Create visualizations with Lens>>. | ||
|
|
||
| [float] | ||
| [[save-the-aggregation-based-panel]] | ||
| ===== Save and add the panel | ||
|
|
||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -43,7 +43,7 @@ Edit and delete. | |
|
|
||
| . To delete a field, close the configuration options, then click *X* next to the field. | ||
|
|
||
| . To clone a layer, click image:dashboard/images/lens_layerActions_8.5.0.png[Actions menu to duplicate Lens visualization layers] in the layer pane, then select *Duplicate layer*. | ||
| . To duplicate a layer, click image:dashboard/images/lens_layerActions_8.5.0.png[Actions menu to duplicate Lens visualization layers] in the layer pane, then select *Duplicate layer*. | ||
|
|
||
| . To clear the layer configuration, click image:dashboard/images/lens_layerActions_8.5.0.png[Actions menu to clear Lens visualization layers] in the layer pane, then select *Clear layer*. | ||
|
|
||
|
|
@@ -56,6 +56,8 @@ TIP: You can manually apply the changes you make, which is helpful when creating | |
| Change the fields list to display a different {data-source}, different time range, or add your own fields. | ||
|
|
||
| * To create a visualization with fields in a different {data-source}, open the {data-source} dropdown, then select the {data-source}. | ||
| + | ||
| For more information about {data-sources}, refer to <<data-views>>. | ||
|
|
||
| * If the fields list is empty, change the <<set-time-filter,time filter>>. | ||
|
|
||
|
|
@@ -192,24 +194,52 @@ Note: this option is not available for mosaic charts. | |
|
|
||
| preview::[] | ||
|
|
||
| Annotations allow you to call out specific points in your visualizations that are important, such as a major change in the data. You can add annotations for any {data-source}, add text and icons, specify the line format and color, and more. | ||
| Annotations allow you to call out specific points in your visualizations that are important, such as significant changes in the data. You can add annotations for any {data-source}, add text and icons, specify the line format and color, and more. | ||
|
|
||
| [role="screenshot"] | ||
| image::images/lens_annotations_8.2.0.png[Lens annotations] | ||
|
|
||
| Annotations support two placement types: | ||
|
|
||
| * *Static date* — Displays annotations for specific times or time ranges. | ||
|
|
||
| * *Custom query* — Displays annotations based on custom {es} queries. For detailed information about queries, check <<semi-structured-search>>. | ||
|
|
||
| Create the annotation layer. | ||
|
|
||
| . In the layer pane, click *Add layer > Annotations*. | ||
|
|
||
| . Select the {data-source}. | ||
| . Select the {data-source} for the annotation. | ||
|
|
||
| . From the fields list, drag a field to the *Add an annotation* field. | ||
|
|
||
| . To use global filters in the annotation, click image:dashboard/images/lens_layerActions_8.5.0.png[Actions menu for the annotations layer], then select *Keep global filters* from the dropdown. | ||
|
|
||
| Create static annotations. | ||
|
|
||
| . To open the annotation options, click *Event*. | ||
| . Select *Static date*. | ||
|
|
||
| . Specify the *Annotation date*. | ||
| . In the *Annotation date* field, click image:images/lens_annotationDateIcon_8.6.0.png[Annodation date icon in Lens], then select the date. | ||
|
|
||
| . To display the annotation as a time range, select *Apply as range*, then specify the *From* and *To* time range. | ||
| . To display the annotation as a time range, select *Apply as range*, then specify the *From* and *To* dates. | ||
|
|
||
| Create custom query annotations. | ||
|
|
||
| . Select *Custom query*. | ||
|
|
||
| . Enter the *Annotation query* for the data you want to display. | ||
| + | ||
| For detailed information about queries and examples, check <<semi-structured-search>>. | ||
|
|
||
| . Select the *Target date field*. | ||
|
|
||
| Specify the annotation appearance. | ||
|
|
||
| . Enter the annotation *Name*. | ||
|
|
||
| . Change the *Appearance* options for how you want the annotation to display. | ||
| . Change the *Appearance* options for how you want the annotation to display on the visualization. | ||
|
|
||
| . If you created a custom query annotation, click *Add field* to add a field to the annotation tooltip. | ||
|
|
||
| . To close, click *X*. | ||
|
|
||
|
|
@@ -240,7 +270,7 @@ image::images/lens_referenceLine_7.16.png[Lens drag and drop focus state] | |
| [[filter-the-data]] | ||
| ==== Apply filters | ||
|
Contributor
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Something to think about for another PR. Should we move the filter information to a general section about filtering in the concepts section?
Contributor
Author
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. The filter functionality here is specific to Lens. If other Solutions/apps/etc pick up the Lens filter components, then yes! |
||
|
|
||
| You can use the <<semi-structured-search, KQL query bar>> to focus on a known set of data for the entire visualization, or use the filter options from the layer pane or legend. | ||
| You can use the <<semi-structured-search, query bar>> to create queries that filter all the data in a visualization, or use the layer pane and legend filters to apply filters based on field values. | ||
|
|
||
| [float] | ||
| [[filter-with-the-function]] | ||
|
|
||

Uh oh!
There was an error while loading. Please reload this page.