kibana/docs/user/dashboard/enhance-dashboards.asciidoc
Kaarina Tungseth e3063f6934
[DOCS] Dashboard docs refresh for 7.11 (#85342)
* [DOCS] 7.11 Dashboard docs refresh

* [Lens] end to end guide

* Fixes to writer errors

* Fixes errors

* Fixes error

* errors

* small corrections in e2e

* Introduction, CSV download, and end-to-end guide

* End-to-end guide

* End-to-end guide and intro

* Fixes broken external links

* Update docs/user/dashboard/dashboard.asciidoc

Co-authored-by: Wylie Conlon <wylieconlon@gmail.com>

* Update docs/user/dashboard/dashboard.asciidoc

Co-authored-by: Wylie Conlon <wylieconlon@gmail.com>

* Update docs/user/dashboard/dashboard.asciidoc

Co-authored-by: Wylie Conlon <wylieconlon@gmail.com>

* Update docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc

Co-authored-by: Wylie Conlon <wylieconlon@gmail.com>

* Update docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc

Co-authored-by: Marta Bondyra <marta.bondyra@gmail.com>

* Update docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc

Co-authored-by: Wylie Conlon <wylieconlon@gmail.com>

* Update docs/user/dashboard/lens-end-to-end/lens-end-to-end.asciidoc

Co-authored-by: Marta Bondyra <marta.bondyra@gmail.com>

* Review comments

* Review comments and Vega

* Vega tutorials

* Timelion changes

* Bug fixes and clean up

* Introduction

* Clean up

* Link fixes

* Broken links

* Fixes Timelion link

* Minor intro changes

* Fixes Timelion link

* Vega changes

* Add reference content, and move Lens docs to their own page

* Update from review

* Review comments

* Link fixes

* Clean up

Co-authored-by: Marta Bondyra <marta.bondyra@elastic.co>
Co-authored-by: Wylie Conlon <wylieconlon@gmail.com>
Co-authored-by: Marta Bondyra <marta.bondyra@gmail.com>
2021-01-19 17:05:08 -06:00

72 lines
2.6 KiB
Plaintext

[[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.
To make your dashboard look the way you want, use the editing options.
[float]
[[add-controls]]
=== Add controls
To filter the data on your dashboard in real-time, add a *Controls* panel.
{kib} supports two types of *Controls*:
* *Options list* — Filters content based on one or more specified options. The dropdown menu is dynamically populated with the results of a terms aggregation.
For example, use the options list on the sample flight dashboard when you want to filter the data by origin city and destination city.
* *Range slider* — Filters data within a specified range of numbers. The minimum and maximum values are dynamically populated with the results of a
min and max aggregation. For example, use the range slider when you want to filter the sample flight dashboard by a specific average ticket price.
+
[role="screenshot"]
image::images/dashboard-controls.png[]
. From the dashboard, click *Create panel*.
. On the *New Visualization* window, click *Controls*.
. Click *Options*, then configure the following, then click *Update*:
* *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*.
* *Use time filter* &mdash; When selected, the aggregations that generate the options list and time range are connected to the <<set-time-filter,time filter>>.
* *Pin filters for all applications* &mdash; When selected, all filters created by interacting with the inputs are automatically pinned.
[float]
[[add-text]]
=== Add text
Add text panels with *Markdown* when you want to provide context to the other panels on your dashboard, such as important information, instructions, and images.
*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*.
. In the *Markdown* field, enter the text, then click *Update*.
For example, when you enter:
[role="screenshot"]
image::images/markdown_example_1.png[]
The following instructions are displayed:
[role="screenshot"]
image::images/markdown_example_2.png[]
Or when you enter:
[role="screenshot"]
image::images/markdown_example_3.png[]
The following image is displayed:
[role="screenshot"]
image::images/markdown_example_4.png[]