mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 17:28:26 -04:00
Reorganization, cycle interval, and organization actions
This commit is contained in:
KOTungseth
parent
de256f4fe4
commit
da4d68ba59
5 changed files with 100 additions and 64 deletions
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
[role="xpack"]
|
||||
[[canvas]]
|
||||
= Canvas
|
||||
|
|
@ -34,6 +33,8 @@ include::canvas/canvas-workpad.asciidoc[]
|
|||
|
||||
include::canvas/canvas-elements.asciidoc[]
|
||||
|
||||
include::canvas/canvas-share-workpad.asciidoc[]
|
||||
|
||||
//include::canvas/canvas-expressions.asciidoc[]
|
||||
|
||||
include::canvas/canvas-function-reference.asciidoc[]
|
||||
|
|
|
|||
|
|
@ -2,27 +2,29 @@
|
|||
[[canvas-elements]]
|
||||
=== Customize your workpad with elements
|
||||
|
||||
Elements are the core building blocks of your workpad.
|
||||
Elements are the building blocks of your workpad. Add and combine elements to create presentations of your data.
|
||||
|
||||
[float]
|
||||
[[add-canvas-element]]
|
||||
=== Add an element to your workpad
|
||||
=== Add elements to your workpad
|
||||
|
||||
To customize your workpad to look the way you want, add elements to your workpad.
|
||||
|
||||
. Click *Add Element*, then select the best element to show off your data.
|
||||
+
|
||||
image::images/canvas-element-select.gif[]
|
||||
//TODO add image
|
||||
+
|
||||
Elements come preconfigured with demo data so that you can familiarize yourself with the element. Play around with the default settings and see what the element can do.
|
||||
|
||||
. To move the element, click and drag it across your workpad.
|
||||
. To move the element, click and drag it to your preferred location.
|
||||
+
|
||||
You can also select the element, then use your arrow keys to move the element by 1 pixel.
|
||||
+
|
||||
As you move the element, notice the alignment lines that appear to help you place the element exactly where you want it.
|
||||
|
||||
. To resize the element, click a corner, then drag to the size you want.
|
||||
|
||||
. Something about nudging...
|
||||
|
||||
. Something about distributing items...
|
||||
. Want to delete the element? Select the element, click the *Element options* icon in the top right corner, then select *Delete*.
|
||||
|
||||
[float]
|
||||
[[connect-element-data]]
|
||||
|
|
@ -40,8 +42,6 @@ To connect the element to your own data, use the panel on the right.
|
|||
|
||||
Use Elasticsearch SQL to generate a data table.
|
||||
|
||||
Unfamiliar with writing Elasticsearch SQL queries? Go to {ref}/sql-spec.html[SQL language] for more information.
|
||||
|
||||
. Click *Elasticsearch SQL*.
|
||||
|
||||
. In the *Elasticearch SQL query* box, enter your query, then click *Preview*.
|
||||
|
|
@ -60,6 +60,8 @@ The element appears as a warning.
|
|||
+
|
||||
To manually refresh the data, click the *Refresh data* icon.
|
||||
|
||||
Unfamiliar with writing Elasticsearch SQL queries? Go to {ref}/sql-spec.html[SQL language] for more information.
|
||||
|
||||
[float]
|
||||
[[elasticsearch-raw-doc-data-source]]
|
||||
==== Connect the element to Elasticsearch raw documents
|
||||
|
|
@ -78,7 +80,7 @@ Use the Lucene query syntax to pull back raw documentation from Elasticsearch.
|
|||
+
|
||||
For for more information about the Lucene query string sytax, refer to <<lucene-query,Lucene Query Syntax>>.
|
||||
|
||||
. Click *Preview.
|
||||
. Click *Preview*.
|
||||
|
||||
. If your query looks correct, click *Save*.
|
||||
+
|
||||
|
|
@ -100,11 +102,9 @@ To manually refresh the data, click the *Refresh data* icon.
|
|||
|
||||
Use Timelion queries to pull back time series data in a tabular format.
|
||||
|
||||
For more information about Timelion, refer to <<timelion,Timelion>>.
|
||||
|
||||
. Click *Timelion*.
|
||||
|
||||
Enter a *Query* using the Lucene query string syntax.
|
||||
. Enter a *Query* using the Lucene query string syntax.
|
||||
+
|
||||
For for more information about the Lucene query string syntax, refer to <<lucene-query,Lucene Query Syntax>>.
|
||||
|
||||
|
|
@ -124,6 +124,8 @@ The element appears as a warning.
|
|||
+
|
||||
To manually refresh the data, click the *Refresh data* icon.
|
||||
|
||||
For more information about Timelion, refer to <<timelion,Timelion>>.
|
||||
|
||||
[float]
|
||||
[[element-display-options]]
|
||||
=== Choose the display options
|
||||
|
|
@ -140,19 +142,47 @@ Choose how you want the element to appear on your workpad. For each element type
|
|||
|
||||
* To apply a CSS stylesheet to the element, click *CSS*.
|
||||
|
||||
. To change the order of the element, use the icons next to *Selected element*.
|
||||
|
||||
//For more advanced customization options, create Canvas plugins.
|
||||
|
||||
//To further define the appearance and behavior of the element, use the <<canvas-expression-editor,expression editor>>.
|
||||
|
||||
[float]
|
||||
[[organize-element]]
|
||||
=== Organize the elements on your workpad
|
||||
|
||||
. Align the elements.
|
||||
|
||||
.. Press Shift, then select the elements you want to align.
|
||||
|
||||
.. Click the *Element options* icon in the top right corner, then select *Align elements*.
|
||||
|
||||
.. From the *Alignment* menu, select the type of alignment.
|
||||
|
||||
. Distribute the elements.
|
||||
|
||||
.. Press Shift, then select the elements you want to distribute.
|
||||
|
||||
.. Click the *Element options* icon in the top right corner, then select *Distribute elements*.
|
||||
|
||||
.. From the *Distribution* menu, select the type of distribution.
|
||||
|
||||
. Change the order of the elements.
|
||||
|
||||
.. Click an element, then click the *Element options* icon in the top right corner.
|
||||
|
||||
.. Select *Order*, then select the action.
|
||||
|
||||
[float]
|
||||
[[element-save]]
|
||||
=== Save an element
|
||||
=== Save elements
|
||||
|
||||
After you have made changes to the element, save it so that you can use it in future workpads.
|
||||
After you have made changes to elements, save them so that you can reuse them across your workpads.
|
||||
|
||||
. Next to *Selected element, click the *Save as new element* icon.
|
||||
. Make sure that the element is selected.
|
||||
+
|
||||
To save a group of elements, press Shift, then select the elements you want to save.
|
||||
|
||||
. Next to *Selected element*, click the *Save as new element* icon.
|
||||
|
||||
. In the *Create new element* window, enter a *Name* for the element.
|
||||
|
||||
|
|
@ -160,6 +190,18 @@ After you have made changes to the element, save it so that you can use it in fu
|
|||
+
|
||||
To access the element, click *Add element*, then select *My elements*.
|
||||
|
||||
[float]
|
||||
[[add-more-pages]]
|
||||
=== Add more pages to the workpad
|
||||
|
||||
When you have run out of room on your workpad, you can add more pages.
|
||||
|
||||
. Click *Page 1*, then click the *+* icon.
|
||||
|
||||
. On the *Page* editor, select the page transition from the *Transition* dropdown.
|
||||
|
||||
//TODO insert image
|
||||
|
||||
[float]
|
||||
[[workpad-display-options]]
|
||||
=== Change the workpad display options
|
||||
|
|
@ -171,19 +213,11 @@ For a better view of the elements on your workpad, change the display options.
|
|||
* To zoom in or out on the workpad, click the *Zoom controls* icon in the upper left corder, then select one of the options.
|
||||
|
||||
[float]
|
||||
[[add-more-pages]]
|
||||
=== Add more pages to the workpad
|
||||
[[enable-autoplay]]
|
||||
=== Enable autoplay
|
||||
|
||||
When you have run out of room on your workpad, you can add more pages.
|
||||
Automatically cycle through your workpads pages in fullscreen mode.
|
||||
|
||||
. Click *Page 1*, then click the *+* icon.
|
||||
. In the upper left corner, click the *Control settings* icon.
|
||||
|
||||
. From the *Transition* drop-down list, select the page transition you want to use.
|
||||
|
||||
//TODO insert image
|
||||
|
||||
[float]
|
||||
[[filter-groups]]
|
||||
=== Filter groups
|
||||
|
||||
To dynamically change the scope of data on your workpad, apply dropdown and time filter elements. By default, filters apply to all elements. To add filter to specific elements, apply filter groups.
|
||||
. Under *Change cycling interval*, select the cycle interval you want to use.
|
||||
|
|
|
|||
|
|
@ -38,8 +38,6 @@ image::images/canvas-image-element.png[]
|
|||
|
||||
You'll notice that the image is tagged as an asset, which allows you to reuse the image from *Manage assets*.
|
||||
|
||||
TIP: Want to delete an element? Select the element, then press the delete button on your keyboard.
|
||||
|
||||
[float]
|
||||
=== Customize your data with metrics
|
||||
|
||||
|
|
|
|||
32
docs/canvas/canvas-share-workpad.asciidoc
Normal file
32
docs/canvas/canvas-share-workpad.asciidoc
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
[[workpad-share-options]]
|
||||
=== Share your workpad
|
||||
|
||||
When you are ready to share your workpad, create a PDF, or export your workpad.
|
||||
|
||||
[float]
|
||||
[[create-workpad-pdf]]
|
||||
==== Create a PDF
|
||||
|
||||
To view your workpad outside of Kibana, generate a PDF.
|
||||
|
||||
. If you are using a basic license, enable reporting in your `config/kibana.yml` file.
|
||||
|
||||
. From your workpad, click the *Share workpad* icon in the upper left corner, then select *PDF reports*.
|
||||
|
||||
. Click *Generate PDF*.
|
||||
+
|
||||
image::images/canvas-generate-pdf.gif[]
|
||||
|
||||
[float]
|
||||
[[export-workpad]]
|
||||
==== Export your workpad
|
||||
|
||||
To share your workpads with another author, export your workpads as JSON files.
|
||||
|
||||
. Go to the *Canvas workpads* page.
|
||||
|
||||
. Choose one of the following options:
|
||||
|
||||
* To export a single workpad, click the *Export* icon next to the workpad you want to export.
|
||||
|
||||
* To export multiple workpads, select the workpads you want to export, then click *Export*.
|
||||
|
|
@ -19,6 +19,7 @@ When you create a workpad, you'll start with a blank page, or you can choose a w
|
|||
For workpad inspiration, go to the link:https://www.elastic.co/blog/[Elastic Blog].
|
||||
|
||||
[float]
|
||||
[[customize-workpad-basic]]
|
||||
=== Customize your workpad
|
||||
|
||||
To make your workpad look the way you want, use the editor on the right.
|
||||
|
|
@ -40,33 +41,3 @@ image::images/canvas-background-color-picker.gif[]
|
|||
.. Expand *Global CCS overrides*.
|
||||
|
||||
.. Enter the CCS, then click *Apply stylesheet*.
|
||||
|
||||
[float]
|
||||
=== Share your workpad
|
||||
|
||||
When you are ready to share your workpad, create a PDF, or export your workpad.
|
||||
|
||||
[float]
|
||||
==== Create a PDF
|
||||
|
||||
To view your workpad outside of Kibana, generate a PDF.
|
||||
|
||||
. If you are using a basic license, enable reporting in your `config/kibana.yml` file.
|
||||
|
||||
. From your workpad, click the *Share workpad* icon in the upper left corner, then select *PDF reports*.
|
||||
|
||||
. Click *Generate PDF*.
|
||||
+
|
||||
image::images/canvas-generate-pdf.gif[]
|
||||
|
||||
[float]
|
||||
==== Export your workpad
|
||||
|
||||
To share your workpads with another author, export your workpads as JSON files.
|
||||
|
||||
. Go to the *Canvas workpads* page.
|
||||
|
||||
. Choose one of the following options:
|
||||
* To export a single workpad, click the *Export* icon next to the workpad you want to export.
|
||||
|
||||
* To export multiple workpads, select the workpads you want to export, then click *Export*.
|
||||
Loading…
Add table
Add a link
Reference in a new issue