Overview
Version
| FineBI Version | Functional Change |
|---|---|
6.0 | - |
Application Scenario
You may need to customize and beautify the background style of the table.
For example, you can set Title Background to Color and select Auto, and set Component Background to Component Style and select Data Dashboard Style, as shown in the following figure.
Function Description
FineBI allows you to customize the title background and component background of components.
Background Setting Instructions
Applied Scope
Group table, cross table, and detail table.
Function Entry
Choose Component Style > Background on the component editing page. You can set Title Background and Component Background of the component.
Function Description
| Setting | Function |
|---|---|
Title Background | You can set Color and Title Style. 1. Color: You can select Auto or Transparent. You can also customize color. The default selection is Auto, which sets color according to the template theme. 2. Title Style: You can select Custom Image or select from other built-in styles. If you select Custom Image, the uploaded image will be saved in the %FineBI 6.0%\webapps\webroot\WEB-INF\assets\temp_attach path. The built-in styles include Title Underline, Title Double Line, Title Overline, Sci-fi Title Decoration, Business Title Decoration, and Fresh Title Decoration. |
Component Background | You can set Color and Component Style. 1. Color: You can select Auto or Transparent. You can also customize color. Besides, you can set Rounded Corner and Border. The default selection is Auto, which sets color according to the template theme. The value of Rounded Corner supports integers from 0 to 6. The value of Border supports integers from 0 to 5. Besides, the border color supports the selection of Auto (default selection, which sets color according to the template theme) or Transparent. You can also customize the border color. . 2. Component Style: You can select Custom Image or select from other built-in styles. If you select Custom Image, the uploaded image will be saved in the %FineBI 6.0%\webapps\webroot\WEB-INF\assets\temp_attach path. The built-in styles include Sci-fi Dashboard Style, Data Dashboard Style, Dynamic Sci-fi Style, KPI Style, and Red Component Style. |
Example
Preparing Data
1. Log in to FineBI, click My Analysis, select a folder, and click New Subject.
2. Click Local Excel and click Upload Data.
You can download the sample data: Regional Data Analysis.xlsx.
3. Click OK after the data is uploaded.
4. Click Save and Update and Exit and Preview. The data is created successfully.
Creating a Component
1. Click the Component tab in the lower left corner, as shown in the following figure.
2. Select Group Table in Chart Type.
3. Drag the Time of Contract field and the Received Payment field from the left analysis area to Dimension and Indicator respectively, as shown in the following figure.
4. Click the drop-down button of the dimension field Time of Contract and select Year, as shown in the following figure.
Setting Table Background
Set the title background color of the table to Auto, and the component background to Data Dashboard Style.
1. Choose Component Style > Background.
2. Set Title Background to Color and select Auto.
3. Set Component Backgound to Component Style and select Data Dashboard Style.
Creating a Dashboard
1. Click Add Dashboard at the bottom of the analysis subject editing page.
2. Drag the component into the dashboard on the dashboard editing page, as shown in the following figure.
3. Select Edit Title from the drop-down list, set Font Style to Custom, enter the title as Table Background, and click OK.
Effect Display
On PC
On Mobile Terminals
