Skip to content

Commit f23c899

Browse files
florent-leborgneelasticmachinelcawl
authored
[Docs] Refresh dashboards docs (re-do of #191129) (#192305)
## Summary [redo of #191129 that got reverted] This PR updates the structure of the Dashboards docs and refreshes some outdated parts of the content. More updates will be made in future PRs to refresh screenshots and to refresh the content more in depth. This new structure and edits: - distribute the pages in more user-oriented identified themes, for better findability, scanning, and to ease possible integration of some of these pages into in-app documentation. - are more future proof to evolve along with upcoming features. ~I'll leave this PR as a draft until I resolve some link dependencies coming from other docs sources and check some additional bits of content.~ Preview available on demand on Slack. Closes: elastic/platform-docs-team#408 (I'll create separate issues for remaining items) Closes: elastic/platform-docs-team#413 Closes: elastic/platform-docs-team#418 --------- Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com> Co-authored-by: Lisa Cawley <lcawley@elastic.co>
1 parent 919ce98 commit f23c899

39 files changed

Lines changed: 972 additions & 754 deletions

docs/management/advanced-options.asciidoc

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,8 @@ When enabled, provides access to the experimental *Labs* features for *Canvas*.
225225

226226
[[labs-dashboard-defer-below-fold]]`labs:dashboard:deferBelowFold`::
227227
When enabled, the panels that appear below the fold are loaded when they become visible on the dashboard.
228-
_Below the fold_ refers to panels that are not immediately visible when you open a dashboard, but become visible as you scroll. For additional information, refer to <<dashboard-troubleshooting,Improve dashboard loading time>>.
228+
_Below the fold_ refers to panels that are not immediately visible when you open a dashboard, but become visible as you scroll.
229+
//For additional information, refer to <<dashboard-troubleshooting,Improve dashboard loading time>>.
229230

230231
[[labs-dashboard-enable-ui]]`labs:dashboard:enable_ui`::
231232
When enabled, provides access to the experimental *Labs* features for *Dashboard*.

docs/management/numeral.asciidoc

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Numeral formatting patterns are used in multiple places in {kib}, including:
1010

1111
* <<advanced-options, Advanced settings>>
1212
* <<field-formatters-numeric, Data view formatters>>
13-
* <<tsvb, *TSVB*>>
13+
* <<tsvb-panel, *TSVB*>>
1414
* <<canvas, *Canvas*>>
1515

1616
The simplest pattern format is `0`, and the default {kib} pattern is `0,0.[000]`.

docs/redirects.asciidoc

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -200,19 +200,19 @@ This content has moved. See <<known-kibana-plugins>>.
200200
[[trigger-picker]]
201201
=== Picking a trigger for a URL drilldown
202202

203-
This page has moved. Refer to <<url-drilldowns>>.
203+
This page has moved. Refer to <<create-url-drilldowns>>.
204204

205205
[float]
206206
[[templating]]
207207
=== URL templating
208208

209-
This page has moved. Refer to <<url_templating-language>>.
209+
This page has moved. Refer to <<url-templating-language>>.
210210

211211
[float]
212212
[[variables]]
213213
=== Variables
214214

215-
This page has moved. Refer to <<url-template-variables>>.
215+
This page has moved. Refer to <<url-template-variable>>.
216216

217217
[float]
218218
[[time-series-visual-builder]]
@@ -439,6 +439,20 @@ For the most up-to-date API details, refer to the
439439

440440
This content has moved. Refer to <<manage-cases-settings>>.
441441

442+
[role="exclude", id="create-drilldowns"]
443+
== Create drilldowns
444+
445+
[[url-drilldowns]]
446+
[[url_templating-language]]
447+
[[url-template-variables]]
448+
This content has moved. Refer to <<drilldowns>>.
449+
450+
[role="exclude", id="tsvb"]
451+
== TSVB
452+
453+
[[tsvb-index-pattern-mode]]
454+
This content has moved. Refer to <<tsvb-panel>>.
455+
442456
////
443457
APM redirects
444458
////
@@ -1133,4 +1147,3 @@ Refer to {api-kibana}/group/endpoint-cases[cases API].
11331147
== Sync {ml} saved objects API
11341148

11351149
Refer to {api-kibana}/group/endpoint-ml[machine learning APIs].
1136-

docs/user/dashboard/create-panels-with-editors.asciidoc renamed to docs/user/dashboard/chart-types.asciidoc

Lines changed: 2 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,7 @@
1-
[[aggregation-reference]]
2-
== Create panels with editors
3-
4-
{kib} provides several editors that you can use to create panels of your data. Each editor supports different features and {ref}/search-aggregations.html[{es} aggregations]. To choose the best editor for your data, review the following information.
5-
6-
[float]
71
[[chart-types]]
8-
=== Supported panel types
2+
== Supported chart types
93

4+
[[aggregation-reference]]
105
[options="header"]
116
|===
127

@@ -494,9 +489,3 @@ Pipeline aggregations are dependent on the outputs calculated from other aggrega
494489
|===
495490

496491
For information about {es} pipeline aggregations, refer to {ref}/search-aggregations-pipeline.html[Pipeline aggregations].
497-
498-
include::lens.asciidoc[]
499-
include::tsvb.asciidoc[]
500-
include::vega.asciidoc[]
501-
include::aggregation-based.asciidoc[]
502-
include::timelion.asciidoc[]
Lines changed: 151 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,151 @@
1+
[[create-dashboards]]
2+
= Build dashboards
3+
4+
{kib} offers many ways to build powerful dashboards that will help you visualize and keep track of the most important information contained in your {es} data.
5+
6+
* Create and assemble visualizations such as charts or maps, and enrich them with helpful legends containing key data.
7+
* Extract and show key indicators and metrics to keep them visible and highlighted at all times.
8+
* Add text, images, and links to help viewers make the most of your dashboard.
9+
* Include additional controls to facilitate filtering and browsing the data.
10+
11+
[float]
12+
[[dashboard-minimum-requirements]]
13+
14+
To create or edit dashboards, you first need to:
15+
16+
* have {ref}/getting-started-index.html[data indexed into {es}] and a <<data-views, data view>>. A data view is a subset of your {es} data, and allows you to load just the right data when building a visualization or exploring it.
17+
+
18+
TIP: If you don't have data at hand and still want to explore dashboards, you can import one of the <<sample-data,sample data sets>> available.
19+
20+
* have sufficient permissions on the **Dashboard** feature. If that's not the case, you might get a read-only indicator. A {kib} administrator can <<kibana-privileges,grant you the required privileges>>.
21+
22+
//include::dashboard-best-practices.asciidoc[]
23+
24+
[[create-dashboard]]
25+
== Create a dashboard
26+
27+
//To make your dashboard experience as good as possible for you and users who will view it, check the <<dashboard-best-practices,dashboard best practices>>.
28+
29+
. Open the *Dashboard* page in {kib}.
30+
31+
. Select *Create dashboard* to start with an empty dashboard.
32+
+
33+
When you create a dashboard, you are automatically in edit mode and can make changes to the dashboard.
34+
[[create-panels-with-lens]]
35+
. Add content to the dashboard. You have several options covered in more details in the <<panels-editors,Visualizations section>>:
36+
** <<lens,**Create visualization**>>. This option is a shortcut to create a chart using **Lens**, the default visualization editor in {kib}.
37+
** <<panels-editors,**Add panel**>>. Choose one of the available panels to add and configure content to your dashboard.
38+
** **Add from library**. Select existing content that has already been configured and saved to the **Visualize Library**.
39+
** <<add-controls,**Controls**>>. Add controls to help filter the content of your dashboard.
40+
41+
. Organize your dashboard by <<arrange-panels,organizing the various panels>>.
42+
[[add-dashboard-settings]]
43+
. Define the main settings of your dashboard from the *Settings* menu located in the toolbar.
44+
.. Meaningful title, description, and <<managing-tags,tags>> allow you to find the dashboard quickly later when browsing your list of dashboard or using the {kib} search bar.
45+
.. Additional display options allow you unify the look and feel of the dashboard's panels:
46+
47+
*** *Store time with dashboard* &mdash; Saves the specified time filter.
48+
*** *Use margins between panels* &mdash; Adds a margin of space between each panel.
49+
*** *Show panel titles* &mdash; Displays the titles in the panel headers.
50+
*** *Sync color palettes across panels* &mdash; Applies the same color palette to all panels on the dashboard.
51+
*** *Sync cursor across panels* &mdash; When you hover your cursor over a time series chart or a heatmap, the cursor on all other related dashboard charts automatically appears.
52+
*** *Sync tooltips across panels* &mdash; When you hover your cursor over a *Lens* chart, the tooltips on all other related dashboard charts automatically appears.
53+
54+
.. Click *Apply*.
55+
56+
. **Save** Save the dashboard.
57+
58+
[[open-the-dashboard]]
59+
== Edit a dashboard
60+
61+
. Open the *Dashboard* page in {kib}.
62+
63+
. Locate the dashboard you want to edit.
64+
+
65+
TIP: When looking for a specific dashboard, you can filter them by tag or by creator, or search the list based on their name and description. Note that the creator information is only available for dashboards created on or after version 8.14.
66+
67+
. Click the dashboard *Title* you want to open.
68+
69+
. Make sure that you are in **Edit** mode to be able to make changes to the dashboard. You can switch between **Edit** and **View** modes from the toolbar.
70+
71+
. Make the changes that you need to the dashboard:
72+
73+
** Adjust the dashboard's settings
74+
** <<panels-editors,Add, remove, move, or edit panels>>
75+
** <<add-controls,Change the available controls>>
76+
[[save-dashboards]]
77+
. **Save** the dashboard. You can then leave the **Edit** mode and *Switch to view mode*.
78+
79+
80+
[[reset-the-dashboard]]
81+
=== Reset dashboard changes
82+
83+
When editing a dashboard, you can revert any changes you've made since the last save using **Reset dashboards**.
84+
85+
NOTE: Once changes are saved, you can no longer revert them in one click, and instead have to edit the dashboard manually.
86+
87+
. In the toolbar, click *Reset*.
88+
89+
. On the *Reset dashboard* window, click *Reset dashboard*.
90+
91+
include::dashboard-controls.asciidoc[leveloffset=-1]
92+
93+
include::drilldowns.asciidoc[leveloffset=-1]
94+
95+
96+
[[arrange-panels]]
97+
== Organize dashboard panels
98+
99+
[[moving-containers]]
100+
[[resizing-containers]]
101+
=== Move and resize panels
102+
103+
Compare the data in your panels side-by-side, organize panels by priority, resize the panels so they all appear immediately on the dashboard, and more.
104+
105+
In the toolbar, click *Edit*, then use the following options:
106+
107+
* To move, click and hold the panel header, then drag to the new location.
108+
109+
* To resize, click the resize control, then drag to the new dimensions.
110+
111+
* To maximize to full screen, open the panel menu, then click *More > Maximize panel*.
112+
+
113+
TIP: If you <<share-the-dashboard,share>> a dashboard while viewing a full screen panel, the generated link will directly open the same panel in full screen mode.
114+
115+
[[duplicate-panels]]
116+
=== Copy and duplicate panels
117+
118+
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,
119+
including renaming, editing, and cloning.
120+
121+
[float]
122+
[[clone-panels]]
123+
==== Duplicate panels
124+
125+
Duplicated panels appear next to the original panel, and move the other panels to provide a space on the dashboard.
126+
127+
. In the toolbar, click *Edit*.
128+
129+
. Open the panel menu, then select *Duplicate panel*.
130+
131+
[float]
132+
[[copy-to-dashboard]]
133+
==== Copy panels
134+
135+
Copy panels from one dashboard to another dashboard.
136+
137+
. Open the panel menu, then select *More > Copy to dashboard*.
138+
139+
. On the *Copy to dashboard* window, select the dashboard, then click *Copy and go to dashboard*.
140+
141+
== Import dashboards
142+
143+
You can import dashboards from the **Saved Objects** page under **Stack Management**. Refer to <<managing-saved-objects,Manage saved objects>>.
144+
145+
When importing dashboards, you also import their related objects, such as data views and visualizations. Import options allow you to define how the import should behave with these related objects.
146+
147+
* **Check for existing objects**: When selected, objects are not imported when another object with the same ID already exists in this space or cluster. For example, if you import a dashboard that uses a data view which already exists, the data view is not imported and the dashboard uses the existing data view instead. You can also chose to select manually which of the imported or the existing objects are kept by selecting **Request action on conflict**.
148+
149+
* **Create new objects with random IDs**: All related objects are imported and are assigned a new ID to avoid conflicts.
150+
151+
image:images/dashboard-import-saved-object.png[Import panel]

0 commit comments

Comments
 (0)