-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
[DOCS|Dashboard] Updated images and text to match UI #19149
Changes from 2 commits
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 |
---|---|---|
|
@@ -3,163 +3,113 @@ | |
|
||
[partintro] | ||
-- | ||
A Kibana _dashboard_ displays a collection of saved visualizations. | ||
A Kibana _dashboard_ displays a collection of visualizations and searches. | ||
You can arrange, resize, and edit the dashboard content and then save the dashboard | ||
so you can share it. | ||
|
||
.Sample dashboard. | ||
image:images/tutorial-dashboard.png[Example dashboard] | ||
[role="screenshot"] | ||
image:images/Dashboard_example.png[Example dashboard] | ||
|
||
In edit mode you can arrange and resize the visualizations as needed and save dashboards so | ||
they be reloaded and shared. | ||
|
||
.Edit mode | ||
image:images/Dashboard-Tutorial-Edit-Mode.png[Example dashboard in edit mode] | ||
-- | ||
|
||
[[dashboard-getting-started]] | ||
== Building a Dashboard | ||
|
||
To build a dashboard: | ||
|
||
. Click *Dashboard* in the side navigation. If you haven't previously viewed a | ||
dashboard, Kibana displays a landing page where you can click *+*. | ||
Otherwise, click the *Dashboard* breadcrumb to navigate back to the landing page. | ||
+ | ||
image:images/Dashboard-Landing-Page.png[Dashboard Landing Page] | ||
. In the side navigation, click *Dashboard*. | ||
. Click *Create new dashboard.* | ||
. Click *Add*. | ||
|
||
[[adding-visualizations-to-a-dashboard]] | ||
. To add a visualization to the dashboard, click *Edit* mode. | ||
Brand new dashboards will be in *Edit* mode automatically. | ||
. To add a visualization, select its name from the list of visualizations | ||
or click *Add new visualization* to create one. | ||
If you have a large number of visualizations, you can filter the list. | ||
+ | ||
image:images/Dashboard-View-Mode.png[Dashboard View Mode] | ||
[role="screenshot"] | ||
image:images/Dashboard_add_visualization.png[Example add visualization to dashboard] | ||
|
||
. Once in Edit mode, click *Add* and select the | ||
visualization. If you have a large number of visualizations, you can enter a | ||
*Filter* string to filter the list. | ||
+ | ||
image:images/Dashboard-Edit-Mode.png[Dashboard Edit Mode] | ||
+ | ||
Kibana displays the selected visualization in a container on the dashboard. | ||
If you see a message that the container is too small, you can | ||
<<resizing-containers,resize the visualization>>. | ||
+ | ||
NOTE: By default, Kibana dashboards use a light color theme. To use a dark color theme, | ||
click *Options* and select *Use dark theme*. To change the default theme, go | ||
to *Management/Kibana/Advanced Settings* and set `dashboard:defaultDarkTheme` | ||
to `true`. | ||
. To add a saved search, click the *Saved Search* tab, and then select a name from the list. | ||
|
||
[[saving-dashboards]] | ||
. When you're done adding and arranging visualizations, click *Save* to save the | ||
dashboard: | ||
.. Enter a name for the dashboard. | ||
.. To store the time period specified in the time filter with the dashboard, select | ||
*Store time with dashboard*. | ||
.. Click the *Save* button to store it as a Kibana saved object. | ||
|
||
[float] | ||
[[customizing-your-dashboard]] | ||
=== Arranging Dashboard Elements | ||
. When you're finished adding and arranging the dashboard content, | ||
go to the menu bar, click *Save*, and enter | ||
a name. Optionally, you can store the time period specified in the time | ||
filter by selecting *Store time with dashboard*. | ||
|
||
In *Edit Mode*, visualizations in your dashboard are stored in resizable, moveable containers. | ||
By default, Kibana dashboards use a light color theme. To use a dark color theme, | ||
click *Options* and select *Use dark theme*. To set the dark theme as the default, go | ||
to *Management > Advanced Settings* and set `dashboard:defaultDarkTheme` | ||
to `On`. | ||
|
||
[float] | ||
[[moving-containers]] | ||
==== Moving Visualizations | ||
[[loading-a-saved-dashboard]] | ||
TIP: You can import, export, and delete dashboards in *Kibana > Management > | ||
Saved Objects > Dashboards*. | ||
|
||
To reposition a visualization: | ||
[[customizing-your-dashboard]] | ||
== Arranging Dashboard Elements | ||
|
||
. Hover over it to display the container controls. | ||
. Click and hold the *Move* button in the upper right corner of the container. | ||
. Drag the container to its new position. | ||
. Release the *Move* button. | ||
The visualizations and searches in a dashboard are stored in panels that you can move, | ||
resize, and delete. To start editing, open the dashboard and click *Edit* | ||
in the menu bar. | ||
|
||
[float] | ||
[[resizing-containers]] | ||
==== Resizing Visualizations | ||
[role="screenshot"] | ||
image:images/Dashboard_Resize_Menu.png[Example dashboard] | ||
|
||
To resize a visualization: | ||
[[moving-containers]] | ||
To move a panel, click and hold the | ||
header of a panel and drag to the new location. | ||
|
||
. Hover over it to display the container controls. | ||
. Click and hold the *Resize* button in the bottom right corner of the container. | ||
. Drag to change the dimensions of the container. | ||
. Release the *Resize* button. | ||
[[resizing-containers]] | ||
To resize a panel, click the resize control on the lower right and drag | ||
to the new dimensions. | ||
|
||
[float] | ||
[[removing-containers]] | ||
==== Removing Visualizations | ||
Additional commands for managing the | ||
panel and its contents are in the gear menu in the upper right. | ||
|
||
To remove a visualization from the dashboard: | ||
NOTE: Deleting a panel from a | ||
dashboard does *not* delete the saved visualization or search. | ||
|
||
. Hover over it to display the container controls. | ||
. Click the *Delete* button in the upper right corner of the container. | ||
+ | ||
NOTE: Removing a visualization from a dashboard does _not_ delete the | ||
saved visualization. | ||
|
||
[float] | ||
[[viewing-detailed-information]] | ||
=== Viewing Visualization Data | ||
== Viewing Visualization Data | ||
|
||
To display the raw data behind a visualization: | ||
You can display the raw data behind a dashboard visualization using the | ||
Expand/Collapse button. | ||
|
||
. Hover over it to display the container controls. | ||
. Click the *Expand* button in the lower left corner of the container. | ||
This displays a table that contains the underlying data. You can also view | ||
the raw Elasticsearch request and response in JSON and the request statistics. | ||
The request statistics show the query duration, request duration, total number | ||
of matching records, and the index (or index pattern) that was searched. | ||
. Open the dashboard. | ||
. Hover over the visualization and click the *Expand* button in the lower | ||
left. | ||
+ | ||
The underlying data is displayed in a table. You can also view | ||
the raw Elasticsearch request, the response in JSON, and the request statistics. | ||
These statistics show the query duration, request duration, total number | ||
of matching records, and the index that was searched. | ||
+ | ||
image:images/NYCTA-Table.jpg[] | ||
[role="screenshot"] | ||
image:images/Dashboard_visualization_data.png[Example of visualization data] | ||
|
||
To export the data behind the visualization as a comma-separated-values | ||
(CSV) file, click the *Raw* or *Formatted* link at the bottom of the data | ||
Table. *Raw* exports the data as it is stored in Elasticsearch. *Formatted* | ||
exports the results of any applicable Kibana <<managing-fields,field | ||
To export the data as a comma separated values | ||
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. I think this is very misleading - you are not exporting the raw documents as stored in elasticsearch, you are only exporting the raw aggregation results as returned from the API call. Maybe something like 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. Hm. I thought it was pretty clear that by "raw data", she meant the data that was fed into the aggregation, not the original docs themselves, e.g. the aggregation data. Maybe, instead of "raw data", it should say something like: "To export the visualization data" or "To export the aggregated data displayed in a visualization..." Dunnoes. Writing is hard. |
||
(CSV) file, click *Raw* or *Formatted* at the bottom of the data | ||
table. *Raw* exports the response data as provided. *Formatted* | ||
exports the reponse data using applicable Kibana <<managing-fields,field | ||
formatters>>. | ||
|
||
To return to the visualization, click the *Collapse* button in the lower left | ||
corner of the container. | ||
|
||
[float] | ||
[[changing-the-visualization]] | ||
=== Modifying a Visualization | ||
|
||
To open a visualization in the Visualization Editor: | ||
|
||
. Enter Edit Mode. | ||
. Hover over it to display the container controls. | ||
. Click the *Edit* button in the upper right corner of the container. | ||
|
||
|
||
[[loading-a-saved-dashboard]] | ||
== Loading a Dashboard | ||
|
||
To open a saved dashboard: | ||
|
||
. Click *Dashboard* in the side navigation. | ||
. Click *Open* and select a dashboard. If you have a large number of | ||
dashboards, you can enter a *Filter* string to filter the list. | ||
+ | ||
TIP: To import, export, and delete dashboards, click the *Manage Dashboards* link | ||
to open *Management/Kibana/Saved Objects/Dashboards*. | ||
corner. | ||
|
||
[[sharing-dashboards]] | ||
== Sharing a Dashboard | ||
|
||
You can either share a direct link to a Kibana dashboard with another user, | ||
You can either share a direct link to a Kibana dashboard, | ||
or embed the dashboard in a web page. Users must have Kibana access | ||
to view embedded dashboards. | ||
to view an embedded dashboard. | ||
|
||
[[embedding-dashboards]] | ||
To share a dashboard: | ||
|
||
. Click *Dashboard* in the side navigation. | ||
. Open the dashboard you want to share. | ||
. Click *Share*. | ||
. Copy the link you want to share or the iframe you want to embed. You can | ||
share the live dashboard or a static snapshot of the current point in time. | ||
. In the menu bar, click *Share*. | ||
. Copy the link you want to share or the iframe you want to embed. You can | ||
share the live dashboard or a static snapshot of the current point in time. | ||
+ | ||
TIP: When sharing a link to a dashboard snapshot, use the *Short URL*. Snapshot | ||
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. A common thing that trips people up is that users must have write access to .kibana to create short urls. May be worth calling out. Another thing that might be worth calling out that isn't exposed in the UI at all but many people find handy is that you can create a link to a dashboard by title, by doing this:
It's not exposed in the UI because we can't figure out how to communicate it properly (maybe you will have some ideas!). Because it's just linked by title and not id, changing titles on dashboards can change the link. So you can't really say "link to this dashboard" because that might not be true later down the road. Here is the PR it was implemented : #14760 |
||
URLs are long and can be problematic for Internet Explorer users and other | ||
URLs are long and can be problematic for Internet Explorer and other | ||
tools. | ||
|
||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is going to be changing for 6.4 so that this functionality is exposed in the gear menu. Fine to leave it like this for now, but I want to point out that not all visualizations support it. Right now, in 6.3, no time series visual builder visualizations show it. Maybe not vega/timelion... I'd have to check. Not a huge deal, but might want to add a caveat like "If supported ...."
A lot of stuff will be going that route. When we have "Create Machine Learning Job" it'll only be for certain embeddables. I don't have a good generic term for embeddables. Right now it's only saved searches and visualizations, but it could eventually be more. In addition, even for one embeddable type (like our visualizations), panel options can change based on the visualization sub type.
I'm not opposed to just calling them visualizations because I think that is a nice generic term in itself, but it's overloaded because right now when we say visualizations we mean a specific embeddable type. 🤷♀️