Simplifying and Enriching a Dashboard Flexibly with Other Components

On dashboards, in addition to adding charts and filter components and realizing component interaction, you can also add texts, external links, images, and webpages. Besides, you can add remarks, titles, and supplementary external resources for the analysis content on dashboards. If numerous components exist, you can display them on different pages with multiple tabs based on different themes.

Next, you will learn how to make a dashboard with the components created in Linkage Settings Between Components, Data Drilling, Data Jump, and Data Slicing and Filtering.

Splitting the Dashboard into Multiple Tabs

In Linkage Settings Between Components, Data Drilling, Data Jump, and Data Slicing and Filtering, you have created many components and dashboards.

To view the components and dashboards conveniently, you may want to display them on one dashboard. However, excessive components on one dashboard can lead to excessive scrolling.

Based on different themes, you can use tab components to display data on different pages on the dashboard.

1. Click Other, and drag Tab Component into the dashboard, as shown in the following figure.

2. Select the tab component, and modify its position and size to make the component fit the dashboard.

Click + in the tab component, add four tab pages, double-click and rename the page names, respectively, and press Enter, as shown in the following figure. (The names of the tab pages are Linkage, Drilling, Jump, and Data Slicing and Filtering.)

3. Then, drag the components into the corresponding tab pages. (A component can only be dragged into a dashboard once. Therefore, you need to make copies of the components to be used repeatedly.)

After completion, click the components on the pages separately, and modify their positions. After the modification, the following figure shows the effect.

For details about how to use tab components, see Tab Component.

Tab Component Beautification

After you place components into the tab component, FineBI allows you to beautify the overall style of the tab component as you like.

On the Tab Component Style page, deselect Tab Component Title, set Component Background to Transparent, select the second tab style in Tab Style, set Location to Center, modify the font size, and click OK, as shown in the following figure.

After finishing the above steps, you have completed a dashboard with the interaction theme. Next, you can add titles to beautify the dashboard.

Title Adding

For example, add a text component as the title. Enter the text and modify the format, as shown in the following figure.

For details about how to use text components, see Text Component.

Remark Adding (Hyperlink Supported)

You can also add a text component on the Linkage tab page, and add a hyperlink (for example, https://help.fanruan.com/finebi-en/doc-view-5754.html) for the text ➢Click Here to Download the Help Document, as shown in the following figure.

After completion, click the link to view the effect of the weblink.

Congratulations! You have finished learning the interaction theme!

Next, you can explore and apply your own styling to further beautify the dashboard.

For example, you can enter the component editing page, deselect Component Style page, deselect Display All Legends, hide the tile, click the drop-down icon of a value field, and modify the value format (for example, set Quantity Unit to Thousand). On the dashboard editing page, you can also click Dashboard Style to modify the dashboard style, for example, setting Rounded Corner of components.