[DOCS] Dashboard changes for 7.13 (#99681)

* [DOCS] Dashboard changes for 7.13

* Review comments

* Review comments

* Fixes link

* Fixes lens link
This commit is contained in:
Kaarina Tungseth 2021-05-24 15:14:37 -05:00 committed by GitHub
parent 35cafecdce
commit 28a7bd31fd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 192 additions and 332 deletions

View file

@ -87,6 +87,7 @@ image:concepts/images/refresh-every.png["section of time filter where you can co
[float]
[[semi-structured-search]]
==== Semi-structured search
Combine free text search with field-based search using the Kibana Query Language (KQL).

View file

@ -35,8 +35,9 @@ image::discover/images/read-only-badge.png[Example of Discover's read only acces
If the saved search is associated with a different index pattern than is currently
selected, opening the saved search changes the selected index pattern. The query language
used for the saved search is also automatically selected.
. To add your search results to an existing dashboard:
.. Open the dashboard, then click *Edit*.
. To add your search results to a dashboard:
.. Open the main menu, then click *Dashboard*.
.. Open or create the dashboard, then click *Edit*.
.. Click *Add from library*.
.. Open the *Types* menu, then select *Saved search*.
.. Select the the saved search that you want.
.. From the *Types* dropdown, select *Saved search*.
.. Select the saved search that you want to visualize, then click *X* to close the list.

View file

@ -723,6 +723,12 @@ out through *Advanced Settings*. *Default: `true`*
| Set this value to true to allow Vega to use any URL to access external data
sources and images. When false, Vega can only get data from {es}. *Default: `false`*
| `xpack.discoverEnhanced.actions.exploreDataInContextMenu.enabled`
| Enables the *Explore underlying data* option that allows you to open *Discover* from a dashboard panel and view the panel data. *Default: `false`*
| `xpack.discoverEnhanced.actions.exploreDataInChart.enabled`
| Enables you to view the underlying documents in a data series from a dashboard panel. *Default: `false`*
| `xpack.license_management.enabled`
| Set this value to false to
disable the License Management UI. *Default: `true`*

View file

@ -92,17 +92,17 @@ create visual art for a specific topic.
Choose the type of visualization you want to create, then use the editor to configure the options.
. From the dashboard, click *Create panel*, then click *Aggregation based* on the *New visualization* window.
. On the dashboard, click *All types > Aggregation based*.
.. Click the type of visualization you want to create.
.. Select the visualization type you want to create.
.. Click the data source you want to visualize.
.. Select the data source you want to visualize.
. From the editor, add the <<aggregation-reference,aggregations>> you want to visualize, then click *Update*.
. Add the <<aggregation-reference,aggregations>> you want to visualize using the editor, then click *Update*.
+
NOTE: For the *Date Histogram* to use an *auto interval*, the date field must match the primary time field of the index pattern.
. To change the order, drag the aggregations along the editor.
. To change the order, drag and drop the aggregations in the editor.
+
[role="screenshot"]
image:images/bar-chart-tutorial-3.png[Option to change the order of aggregations]
@ -137,13 +137,9 @@ Add the sample web logs data that you'll use to create the bar chart, then creat
Open the bar chart visualization builder and change the time range.
. On the dashboard, click *Create panel*.
. On the dashboard, click *All types > Aggregation based*, select *Vertical bar*, then select *kibana_sample_data_logs*.
. On the *New visualization* window, click *Aggregation based > Vertical bar*.
. On the *Choose a source* window, click *kibana_sample_data_logs*.
. Change the <<set-time-filter, time filter>>> to *Last 7 days*.
. Make sure the <<set-time-filter, time filter>>> is *Last 7 days*.
[float]
[[tutorial-configure-the-bar-chart]]
@ -177,19 +173,6 @@ TIP: Aggregation-based panels support a maximum of three *Split series*.
[role="screenshot"]
image:images/bar-chart-tutorial-2.png[Bar chart with sample logs data]
[float]
===== Save the panel
Save and add the visualization panel to the dashboard.
. From the toolbar, click *Save*.
. Enter the *Title* and optional *Description*.
. From the *Tags* drop down, select any applicable tags.
. Select *Add to Dashboard after saving*.
. Click *Save and return*.

View file

@ -1,13 +1,13 @@
[[create-panels-with-editors]]
== Create panels with editors
{kib} provides several editors that you can use to create dashboard panels.
{kib} provides several editors that you can use to create panels of your data.
[cols="2"]
|===
| <<lens,*Lens*>>
| Create visualizations with the drag and drop editor. *Lens* is recommended for most users.
| Create visualizations with the drag and drop editor.
| <<maps,*Maps*>>
| Create visualizations with your geographical data.

View file

@ -6,35 +6,34 @@
**_Visualize your data with dashboards._**
The best way to understand your data is to visualize it. With dashboards, you can turn your data from one or more <<index-patterns, index patterns>> into a collection of panels
that bring clarity to your data, tell a story about your data, and allow you to focus on only the data that's important to you. Configure each panel to display your data in a chart, table, map, and more,
then compare the panels side-by-side to identify the patterns and connections in your data.
that bring clarity to your data, tell a story about your data, and allow you to focus on only the data that's important to you.
[role="screenshot"]
image:images/Dashboard_example.png[Example dashboard]
Dashboards support many types of panels, and provide several editors that you can use to create panels.
Panels display your data in charts, tables, maps, and more, which allow you to compare your data side-by-side to identify patterns and connections. Dashboards support several editors you can use to create panels, and support many types of panels to display your data.
[cols="2"]
|===
| <<create-panels-with-editors,Visualization editors>>
| Use the *Lens*, *TSVB*, *Vega*, and *Timelion* editors to help you create visualizations of your data, or create aggregation-based visualizations using {es} <<aggregation-reference,aggregations>>.
*Lens* is recommended for most users.
| <<create-panels-with-editors,Editors>>
| Use the *Lens*, *TSVB*, *Vega*, and *Timelion* editors to create visualizations of your data, or create *Aggregation based* visualizations using {es} aggregations.
*Lens* is the recommended editor.
| <<maps,Maps>>
| Create beautiful displays of your geographical data.
| <<enhance-dashboards,Tools>>
| Add context to your panels with <<add-text,text>>, or add dynamic filters with <<add-controls,*Controls*>>.
| <<xpack-ml-anomalies,Anomaly swim lane>>
| Display the results from machine learning anomaly detection jobs.
| <<save-your-search,Saved search from Discover>>
| Display a saved search table from <<discover, *Discover*>>. The table results are not aggregated.
| <<xpack-ml-anomalies,Anomaly chart>>
| Display an anomaly chart from the *Anomaly Explorer.
| <<logs-app,Log stream>>
| Display a table of live streaming logs.
| <<xpack-ml-anomalies,ML Anomaly Swim Lane>>
| Display the results from machine learning anomaly detection jobs.
| <<enhance-dashboards,Tools>>
| Add context to your panels with <<add-text,text>>, or add dynamic filters with <<add-controls,*Controls*>>.
|===
@ -54,10 +53,8 @@ To create dashboards, you must meet the minimum requirements.
* Make sure you have {ref}/getting-started-index.html[data indexed into {es}] and an <<index-patterns,index pattern>>.
* Have an understanding of {ref}/documents-indices.html[{es} documents and indices].
* When the read-only indicator appears, you have insufficient privileges
to create or save dashboards. The options to create and save dashboards are not visible. For more information,
to create or save dashboards, and the options to create and save dashboards are not visible. For more information,
refer to <<xpack-security-authorization,Granting access to {kib}>>.
[float]
@ -75,107 +72,127 @@ Begin with an empty dashboard, or open an existing dashboard.
* To open an existing dashboard, click the dashboard *Title* you want to open.
[float]
[[add-panels]]
[[create-panels-with-lens]]
=== Add panels
To add panels to the dashboard, you can use one of the editors to create a new panel,
add an existing panel from the *Visualize Library*, add a table of live streaming logs, or the add the results from a machine learning anomaly detection job.
Create and add panels of your data to the dashboard, or add existing panels from the library.
[float]
[[create-panels-with-lens]]
==== Create panels
* *Create visualization* &mdash; Opens *Lens*, the recommended editor to create visualizations of your data.
To create panels, use one of the editors, then add the panel to the dashboard.
* *All types* &mdash; Select the editor to create the panel, or select the panel type you want to add to the dashboard.
. On the dashboard, click *Create panel*.
. On the *New visualization* window, click the editor you want to use. *Lens* is recommended for most users.
. To create the panel, configure the editor options.
. To add the panel to the dashboard, choose one of the following options:
* To add the panel to the dashboard without saving to the *Visualize Library*, click *Save and return*.
* *Add from library* &mdash; Add panels from the *Visualize Library*, including search results from <<save-your-search,*Discover*>>. The search results from *Discover* are not aggregated.
+
To add a title to the panel, click *No Title*, enter the *Panel title*, then click *Save*.
* To save the panel to the *Visualize Library*, click *Save to Library*, configure the options, then click *Save and return*.
+
When panels are saved in the *Visualize Library*, image:dashboard/images/visualize-library-icon.png[Visualize Library icon] appears in the header.
[float]
[[add-panels-from-the-library]]
==== Add panels from the library
Add panels that you've already created from the *Visualize Library*.
. On the dashboard, click *Add from library*.
. On the *Add from library* flyout, click the panels you want to add to the dashboard.
. To close the flyout, click *X*.
+
When a panel contains a stored query, both queries are applied.
. To make changes to the panel, open the panel menu, then select the following options:
* *Edit visualization* &mdash; Opens an editor so that you can reconfigure the panel.
+
To make changes to the panel without affecting the original version, open the panel menu, then click *More > Unlink from library*.
* *Edit panel title* &mdash; Opens the *Customize panel* window to change the *Panel title* and specify whether you want to display the panel title.
[float]
[[add-a-table-of-live-streaming-logs]]
==== Add a logs panel
Add a panel that displays a table of live streaming logs.
. On the dashboard, click *Add from library*.
. On the *Add from library* flyout, click *Create new*, then select *Log stream*.
[float]
[[add-machine-learning-results]]
==== Add machine learning results
Add a panel that displays the results from machine learning anomaly detection jobs.
. On the dashboard, click *Add from library*.
. On the *Add from library* flyout, click *Create new*, then select *ML Anomaly Swim Lane*.
When a panel contains a saved query, both queries are applied.
[[tsvb]]
[float]
[[save-panels]]
=== Save panels
Consider where you want to save the panel in {kib}. You can save the panel just on the dashboard you are working on, or save the panel in the *Visualize Library*.
[float]
[[save-to-visualize-library]]
==== Save to the Visualize Library
To use the panel on *Canvas* workpads and other dashboards, save the panel to the *Visualize Library*.
. Click *Save to library*.
. Enter the *Title* and add any applicable *Tags*.
. Make sure that *Add to Dashboard after saving* is selected.
. Click *Save and return*.
+
When panels are saved in the *Visualize Library*, image:dashboard/images/visualize-library-icon.png[Visualize Library icon] appears in the panel header.
[float]
[[save-to-the-dashboard]]
==== Save to the dashboard
Quickly add the panel and return to the dashboard without specifying the save options or adding the panel to the *Visualize Library*.
. Click *Save and return*.
. Add more panels to the dashboard, or specify the panel title.
.. In the panel header, click *No Title*.
.. Select *Show panel title*.
.. Enter the *Panel title*.
If you change your mind and want to add the panel to the *Visualize Library*:
. Open the panel menu, then select *More > Save to library*.
. Enter the panel title, then click *Save*.
[float]
[[edit-panels]]
== Edit panels
To make changes to the panel, use the panel menu options.
. In the toolbar, click *Edit*.
. Open the panel menu, then use the following options:
* *Edit lens* &mdash; Opens *Lens* so you can make changes to the visualization.
* *Edit visualization* &mdash; Opens the editor so you can make changes to the panel.
+
To make changes without changing the original version, open the panel menu, then click *More > Unlink from library*.
* *Edit panel title* &mdash; Opens the *Customize panel* window to change the *Panel title*.
* *More > Replace panel* &mdash; Opens the *Visualize Library* so you can select a new panel to replace the existing panel.
* *More > Delete from dashboard* &mdash; Removes the panel from the dashboard.
+
If you want to use the panel later, make sure that you save the panel to the *Visualize Library*.
[float]
[[search-or-filter-your-data]]
== Search and filter your data
{kib} supports several ways to search your data and apply {es} filters. You can combine the filters with any panel
filter to display the data want to you see.
For more information about {kib} and {es} filters, refer to <<kibana-concepts-analysts,{kib} concepts>>.
To apply a panel-level time filter:
. Open the panel menu, then select *More > Customize time range*.
. Enter the time range you want to view, then click *Add to panel*.
[float]
[[arrange-panels]]
[[moving-containers]]
[[resizing-containers]]
=== Arrange the panels
== Arrange panels
To compare the data in the panels, reorganize or remove the panels on the dashboard.
To compare the data side-by-side, move and arrange the panels.
. From the toolbar, click *Edit*, then use the following options:
In the toolbar, click *Edit*, then use the following options:
* To move, click and hold the panel header, then drag to the new location.
* To resize, click the resize control, then drag to the new dimensions.
* To maximize the panel to fullscreen, open the panel menu, then click *More > Maximize panel*.
* To delete, open the panel menu, then click *More > Delete from dashboard*.
. To save your changes, click *Save* in the toolbar.
* To maximize to fullscreen, open the panel menu, then click *More > Maximize panel*.
[float]
[[apply-design-options]]
=== Apply design options
== Apply design options
Apply a set of design options to the entire dashboard.
. From the toolbar, click *Edit > Options*.
. Select the following options:
In the toolbar, click *Edit > Options*, then use the following options:
* *Use margins between panels* &mdash; Specifies a margin of space between each panel.
@ -184,171 +201,95 @@ Apply a set of design options to the entire dashboard.
* *Sync color pallettes across panels* &mdash; Specifies whether the color pallette is applied to all panels.
[float]
[[search-or-filter-your-data]]
=== Search or filter your data
[[duplicate-panels]]
== Duplicate panels
{kib} provides you with several ways to search your data and apply {es} filters. You can combine the filters with any panel
filter to display the data want to you see.
[float]
[[semi-structured-search]]
==== Semi-structured search
Combine free text search with field-based search using the <<kuery-query,{kib} Query Language>>.
Type a search term to match across all fields, or begin typing a field name to
get prompted with field names and operators you can use to build a structured query.
For example, in the sample web logs data, the following query displays data only for the US:
. Enter `g`, then select *geo.source*.
. Select *equals some value* and *US*, then click *Update*.
. For a more complex search, try:
[source,text]
-------------------
geo.src : "US" and url.keyword : "https://www.elastic.co/downloads/beats/metricbeat"
-------------------
[float]
[[time-filter]]
==== Time filter
The <<set-time-filter,time filter>> restrict the data that appears on the dashboard, but you can override the time filter with panel filters.
. To update the time filter, add a panel that displays time-based data along the x-axis.
. Open the panel menu, then select *More > Customize time range*.
. On the *Customize panel time range* window, specify the time range, then click *Add to panel*.
+
[role="screenshot"]
image:images/time_range_per_panel.gif[Time range per dashboard panel]
[float]
[[additional-filters-with-and]]
==== Additional filters with AND
Add filters to a dashboard, or pin filters to multiple places in {kib}. To add filters, you can use the *Edit Filter* options, or the advanced JSON editor for the {es} {ref}/query-dsl.html[Query DSL].
When there is one or more index patterns on the dashboard, you can select the index pattern that contains the fields you want to create the filter.
For example, to filter the dashboard to display only ios data from *kibana_sample_data_logs*:
. Click *Add filter*.
. From the *Index Pattern* dropdown, select *kibana_sample_data_logs*.
. Set *Field* to *machine.os*, *Operator* to *is*, and *Value* to *ios*.
. *Save* the filter.
+
To remove the filter, click *x*.
[float]
[[add-dynamic-filters]]
==== Add dynamic filters
When you see data in a panel that you want to use as a filter, you can dynamically create the filter. To dynamically add filters, click the data in a panel.
. Click the data in the panel.
. Select filters you want to apply to all of the dashboard panels, then click *Apply*.
+
To remove the filters, click *x*.
To duplicate a panel and the configured functionality, use the clone and copy panel options. Cloned and copied panels replicate all of the functionality from the original panel,
including renaming, editing, and cloning.
[float]
[[clone-panels]]
=== Clone panels
To duplicate a panel and the configured functionality, clone the panel. Cloned panels continue to replicate all of the functionality from the original panel,
including renaming, editing, and cloning. When you clone a panel, the clone appears beside the original panel, and moves other panels to provide a space on the
dashboard.
Cloned panels appear next to the original panel, and move the other panels to provide a space on the dashboard.
. From the toolbar, click *Edit*.
. In the toolbar, click *Edit*.
. Open the panel menu, then select *Clone panel*.
+
[role="screenshot"]
image:images/clone_panel.gif[clone panel]
+
When cloned panels are saved in the *Visualize Library*, image:dashboard/images/visualize-library-icon.png[Visualize Library icon] appears in the header.
[float]
[[copy-to-dashboard]]
=== Copy panels
To add a panel to another dashboard, copy the panel.
Copy panels from one dashboard to another dashboard.
. Open the panel menu, then select *More > Copy to dashboard*.
. On the *Copy to dashboard* window, select the dashboard, then click *Copy and go to dashboard*.
[float]
[[explore-the-underlying-data]]
=== Explore the underlying documents
[[explore-the-underlying-documents]]
== Explore the underlying documents
View the underlying documents in a panel, or in a data series.
To gain insight to the data, open the underlying panel or data series documents in *Discover*. The panel documents that you open in *Discover* have the same time range and filters as the source panel.
. In kibana.yml, add the following:
+
["source","yml"]
-----------
xpack.discoverEnhanced.actions.exploreDataInContextMenu.enabled: true
-----------
[float]
[[explore-underlying-panel-documents]]
=== Explore the underlying panel documents
TIP: *Explore underlying data* is supported only for visualization panels with a single index pattern.
To view the underlying documents in the panel:
When your visualization panel contains a single index pattern, you can open the panel documents in *Discover*.
. Open the panel menu.
. Click *Explore underlying data*.
+
*Discover* opens with the same time range and filters as the panel.
+
[role="screenshot"]
image::images/explore_data_context_menu.png[Explore underlying data from panel context menu]
To view the underlying documents in a data series:
[float]
[[explore-underlying-data-series-documents]]
=== Explore the underlying data series documents
. In kibana.yml, add the following:
+
["source","yml"]
-----------
xpack.discoverEnhanced.actions.exploreDataInChart.enabled: true
-----------
To gain insight to a data series, open the documents in *Discover*.
. Open the dashboard, then click on the data series you want to view.
. Click the data series in the panel that you want to view.
. Select *Explore underlying data*.
+
[role="screenshot"]
image::images/explore_data_in_chart.png[Explore underlying data from chart]
[float]
[[download-csv]]
=== Download the panel data
== Download panel data
Download panel data in a CSV file. You can download most panels in a CSV file, but there is a shortcut available
for *Lens* panels.
[float]
[role="xpack"]
To download *Lens* panel data in a CSV file:
[[download-lens-data]]
=== Download Lens data
. Open the *Lens* panel menu.
. Select *More > Download as CSV*.
+
[role="screenshot"]
image::images/download_csv_context_menu.png[Download as CSV from panel context menu]
Each layer produces a single CSV file with columns.
When you download *Lens* panel data, each layer produces a single CSV file with columns.
When you download multiple layers, the file names combine the visualization and layer index names.
To download all other panel data in a CSV file:
. Open the *Lens* panel menu
. Select *More > Download as CSV*.
[float]
[[download-other-panel-data]]
=== Download all other panel data
Download the data for non-*Lens* panels.
. Open the panel menu, then select *Inspect*.
. Click *Download CSV*, then select the CSV type from the dropdown:
* *Formatted CSV* &mdash; Contains human-readable dates and numbers.
* *Unformatted* &mdash; Best used for computer use.
@ -356,40 +297,17 @@ To download all other panel data in a CSV file:
[role="screenshot"]
image:images/Dashboard_inspect.png[Inspect in dashboard]
[float]
[[save-the-dashboard]]
=== Save the dashboard
When you're finished making changes, save the dashboard.
From the toolbar, choose one of the following options:
* *Save as* &mdash; Opens the *Save dashboard* window, which allows you to specify the title and dashboard options.
* *Save* &mdash; Allows you to save the changes you've made to an existing dashboard.
* *Switch to view mode* &mdash; Allows you to exit *Edit* mode without saving your changes, or you can discard the changes you've made. All dashboards with unsaved changes display *Unsaved changes* in the toolbar.
[float]
[[share-the-dashboard]]
=== Share the dashboard
== Share dashboards
To share the dashboard with a larger audience, click *Share* in the toolbar, then choose one of the following options:
* *Embed code* &mdash; Embed a fully interactive dashboard as an iframe on a web page. To access embedded dashboards, you can require users to
log in using their {kib} credentials, via reverse proxy, or enable <<anonymous-access-and-embedding, anonymous access>>.
* *Permalinks* &mdash; Share a direct link to a {kib} dashboard. User authentication is required.
* *PDF Reports* &mdash; Generate a PDF report. For more information, refer to <<reporting-getting-started,Reporting>>.
* *PNG Reports* &mdash; Generate a PNG report. For more information, refer to <<reporting-getting-started,Reporting>>.
To share the dashboard with a larger audience, click *Share* in the toolbar. For detailed information, refer to <<reporting-getting-started,Reporting>>.
[float]
[[import-dashboards]]
=== Export the dashboard
== Export dashboards
To automate {kib}, you can export dashboards as JSON using the <<dashboard-api,import and export dashboard APIs>>. It is important to export dashboards with all references needed.
To automate {kib}, you can export dashboards as JSON using the <<dashboard-api,import and export dashboard APIs>>. It is important to export dashboards with all necessary references.
--
include::tutorial-create-a-dashboard-of-lens-panels.asciidoc[]

View file

@ -152,7 +152,7 @@ To create dashboard drilldowns, you create or locate the dashboards you want to
* *[Logs] Total Requests and Bytes*
* *[Logs] Visitors by OS*
+
If you dont see the data on a panel, try changing the <<set-time-filter,time filter>>.
If you dont see the data on a panel, change the <<set-time-filter,time filter>>.
. Save the dashboard. In the *Title* field, enter `Host Overview`.

View file

@ -1,7 +1,7 @@
[[enhance-dashboards]]
== Enhance dashboards
Now that you have added panels to your dashboard, you can add filter panels to interact with the data, and Markdown panels to add context to the data.
You can add filter panels to interact with the data in your visualization panels, and Markdown panels to add context to the data.
To make your dashboard look the way you want, use the editing options.
[float]
@ -21,11 +21,9 @@ min and max aggregation. For example, use the range slider when you want to filt
[role="screenshot"]
image::images/dashboard-controls.png[]
. From the dashboard, click *Create panel*.
. On the dashboard, click *All types*, then select *Controls*.
. On the *New Visualization* window, click *Controls*.
. Click *Options*, then configure the following, then click *Update*:
. Click *Options*, then configure the following options:
* *Update {kib} filters on each change* &mdash; When selected, all interactive inputs create filters that refresh the dashboard. When unselected,
{kib} filters are created only when you click *Apply changes*.
@ -34,6 +32,8 @@ image::images/dashboard-controls.png[]
* *Pin filters for all applications* &mdash; When selected, all filters created by interacting with the inputs are automatically pinned.
. Click *Update*
[float]
[[add-text]]
=== Add text
@ -42,9 +42,7 @@ Add text panels with *Markdown* when you want to provide context to the other pa
*Markdown* is a text entry field that accepts GitHub-flavored Markdown text. For information about GitHub-flavored Markdown text, click *Help*.
. From the dashboard, click *Create panel*.
. On the *New Visualization* window, click *Text*.
. From the dashboard, click *All types*, then select *Text*.
. In the *Markdown* field, enter the text, then click *Update*.

View file

@ -13,11 +13,9 @@ image:dashboard/images/lens.png[Lens]
Open *Lens*, then explore the fields in your data. The list of fields are determined by the index pattern and time filter.
. On the dashboard, click *Create panel*.
. On the dashboard, click *Create visualization*.
. On the *New visualization* window, click *Lens*.
. <<set-time-filter,Set the time filter>>.
. In *Lens*, <<set-time-filter,set the time filter>>.
. To view the fields in the a different index pattern, click the index pattern, then select a different index pattern from the dropdown.
@ -56,11 +54,11 @@ TIP: *Other* can equal more than 100% by a small amount.
[float]
[[create-the-visualization-panel]]
==== Create the visualization panel
==== Create visualizations
Drag and drop the fields on to the visualization builder, then
Drag and drop the fields on to the visualization builder, then customize the visualization.
. Drag and drop the fields to the visualization builder.
. Drag and drop the fields on to the visualization builder.
. To change the visualization type, use the following options:
@ -102,7 +100,7 @@ For more information about adding fields to index patterns and Painless scriptin
[float]
[[drag-and-drop-keyboard-navigation]]
===== Create visualization panels with keyboard navigation
===== Create visualizations with keyboard navigation
*Lens* has a fully accessible, continuously improved drag and drop system, which allows you to use a keyboard instead of a mouse.

View file

@ -1,7 +1,7 @@
[[timelion]]
=== Timelion
Instead of using a visual editor to create charts, you define a graph by chaining functions together, using the *Timelion*-specific syntax.
To use *Timelion*, you define a graph by chaining functions together, using the *Timelion*-specific syntax.
The syntax enables some features that classical point series charts don't offer, such as pulling data from different indices or data sources into one graph.
deprecated::[7.0.0,"*Timelion* is still supported. The *Timelion app* is deprecated in 7.0, replaced by dashboard features. In the last 7.x minor version and later, the *Timelion app* is removed from {kib}. To prepare for the removal of *Timelion app*, you must migrate *Timelion app* worksheets to a dashboard. For information on how to migrate *Timelion app* worksheets, refer to the link:https://www.elastic.co/guide/en/kibana/7.10/release-notes-7.10.0.html#deprecation-v7.10.0[7.10.0 Release Notes]."]
@ -90,11 +90,9 @@ Set up Metricbeat, then create the dashboard.
Open *Timelion* and change the time range.
. On the dashboard, click *Create panel*.
. On the dashboard, click *All types > Aggregation based*, then select *Timelion*.
. On the *New visualization* window, click *Aggregation based > Timelion*.
. Change the <<set-time-filter,time range>> to *Last 7 days*.
. Make sure the <<set-time-filter,time filter>> is *Last 7 days*.
[float]
[[timelion-tutorial-create-time-series-visualizations]]
@ -242,20 +240,7 @@ Move the legend to the north west position with two columns, then click *Update
image::images/timelion-customize04.png[Final time series visualization]
{nbsp}
[float]
==== Save the panel
Save and add the panel to the dashboard.
. From the toolbar, click *Save*.
. Enter the *Title* and optional *Description*.
. From the *Tags* drop down, select any applicable tags.
. Select *Add to Dashboard after saving*.
. Click *Save and return*.
To save the panel, click *Save and return* in the toolbar.
[float]
[[timelion-tutorial-create-visualizations-with-mathematical-functions]]
@ -364,20 +349,7 @@ Customize and format the visualization using the following functions, then click
image::images/timelion-math05.png[Final visualization that displays inbound and outbound network traffic]
{nbsp}
[float]
==== Save the panel
Save and add the panel to the dashboard.
. From the toolbar, click *Save*.
. Enter the *Title* and optional *Description*.
. From the *Tags* drop down, select any applicable tags.
. Select *Add to Dashboard after saving*.
. Click *Save and return*.
To save the panel, click *Save and return* in the toolbar.
[float]
[[timelion-tutorial-create-visualizations-withconditional-logic-and-tracking-trends]]
@ -539,19 +511,6 @@ Customize and format the visualization using the following functions, then click
image::images/timelion-conditional04.png[Final visualization that displays outliers and patterns over time]
{nbsp}
[float]
==== Save the panel
Save and add the panel to the dashboard.
. From the toolbar, click *Save*.
. Enter the *Title* and optional *Description*.
. From the *Tags* drop down, select any applicable tags.
. Select *Add to Dashboard after saving*.
. Click *Save and return*.
To save the panel, click *Save and return* in the toolbar.
For more information about *Timelion* conditions, refer to https://www.elastic.co/blog/timeseries-if-then-else-with-timelion[I have but one .condition()].

View file

@ -14,9 +14,7 @@ image::visualize/images/tsvb-screenshot.png[TSVB overview]
Open *TSVB*, then make sure the required settings are configured.
. On the dashboard, click *Create panel*.
. On the *New visualization* window, click *TSVB*.
. On the dashboard, click *All types*, then select *TSVB*.
. In *TSVB*, click *Panel options*, then specify the required *Data* settings.

View file

@ -37,13 +37,11 @@ Before starting, add the eCommerce sample data that you'll use in your spec, the
Open *Vega-Lite* and change the time range.
. On the dashboard, click *Create panel*.
. On the *New visualization* window, click *Custom visualization*.
. On the dashboard, click *All types*, then select *Custom visualization*.
+
A pre-populated line chart displays the total number of documents.
. Change the <<set-time-filter,time range>> to *Last 7 days*.
. Make sure the <<set-time-filter,time filter>> is *Last 7 days*.
[float]
[[vega-tutorial-create-a-stacked-area-chart]]
@ -595,9 +593,9 @@ Add the {es} search query with the `data` block, then click *Update*:
```
[float]
===== Change the X- and Y-axes
===== Change the x- and y-axes
Display labels for the X- and Y-axes.
Display labels for the x- and y-axes.
In the *Vega* spec, add the `scales` block, then click *Update*: