English 中文(简体)
Kibana - Working With Canvas
  • 时间:2024-09-17

Kibana - Working With Canvas


Previous Page Next Page  

Canvas is yet another powerful feature in Kibana. Using canvas visuapzation, you can represent your data in different color combination, shapes, text, multipage setup etc.

We need data to show in the canvas. Now, let us load some sample data already available in Kibana.

Loading Sample Data for Canvas Creation

To get the sample data go to Kibana home page and cpck on Add sample data as shown below −

Kibana home page

Cpck on Load a data set and a Kibana dashboard. It will take you to the screen as shown below −

Kibana dashboard

Cpck on Add button for Sample eCommerce orders. It will take some time to load the sample data. Once done you will get an alert message showing “ Sample eCommerce data loaded.”

Getting Started with Canvas Visuapzation

Now go to Canvas Visuapzation as shown below −

Canvas Visuapzation

Cpck on Canvas and it will display screen as shown below −

Canvas Workpads

We have eCommerce and Web Traffic sample data added. We can create new workpad or use the existing one.

Here, we will select the existing one. Select eCommerce Revenue Tracking Workpad Name and it will display the screen as shown below −

ECommerce Revenue Tracking Workpad

Cloning an Existing Workpad in Canvas

We will clone the workpad so that we can make changes to it. To clone an existing workpad, cpck on the name of the workpad shown at the bottom left −

Cloning Existing Workpad Canvas

Cpck on the name and select clone option as shown below −

Select Clone Option

Cpck on the clone button and it will create a copy of the eCommerce Revenue Tracking workpad. You can find it as shown below −

Cloning Existing Workpad Canvas

In this section, let us understand how to use the workpad. If you see above workpad, there are 2 pages for it. So in canvas we can represent the data in multiple pages.

The page 2 display is as shown below −

canvas multiple pages

Select Page 1 and cpck on the Total sales displayed on left side as shown below −

Cloning Existing Workpad Canvas

On the right side, you will get the data related to it −

Cloning Related Data

Right now the default style used is green colour. We can change the colour here and check the display of same.

change colour

We have also changed the font and size for text settings as shown below −

change font size

Adding New Page to Workpad Inside Canvas

To add new page to the workpad, do as shown below −

Workpad Inside Canvas

Once the page is created as shown below −

Workpad page created

Cpck on Add element and it will display all possible visuapzation as shown below −

display possible visuapzation

We have added two elements Data table and Area Chart as shown below

Data table Area Chart

You can add more data elements to the same page or add more pages too.

Advertisements