組件樣式- FineReport帮助文档 - 全面的报表使用教程和学习资料

1. 概述

報表伺服器版本	功能變動
11.0	組件樣式新增「跟隨主題」設定

在決策報表中，圖表塊、報表塊、Tab 塊統稱為組件。

選中組件後，在右下角屬性面板中的即可設定組件的各項屬性，包括組件名稱、座標尺寸以及樣式設定。

如下圖所示：

組件名稱預設為組件類型+數字後綴，例如圖表塊為 chart0 。不支援為空或重複。

1）組件位置只有在「絕對佈局」下可以手動設定。「自適應佈局」時，只能透過拖曳組件去行動位置。如下圖所示：

2）組件大小在「自適應佈局」下，寬度限制最小為 36，高度限制最小為 21。「絕對佈局」無限制。

在「自適應佈局」下，拖曳組件時，會自動限制，若手動調整座標值，會彈出提示。如下圖所示：

組件樣式預設「跟隨主題」，此時標題僅可設定是否可見以及標題內容。主題中組件樣式的設定請參見文檔：範本主題管理。

選擇「自訂」時可分別設定組件的標題、主體和外沿樣式。

注：Tab 塊無組件標題樣式設定項。

樣式設定選擇「自訂」時，標題樣式設定項如下圖所示：

前端預覽時所處的位置如下圖所示：

標題的各設定項介紹如下表：

設定項	作用
標題可見	圖表塊預設勾選，報表塊預設不勾選預覽時標題顯示在組件主體內容上方。取消勾選則不顯示標題
正文	可直接在編輯框中輸入標題正文資訊，若使用右側公式按鈕編輯，正文必須帶上雙引號
字元	標題內容的字元格式，包括字體、字號、顏色、斜體、粗體、底線
標題圖案	給標題新增一個圖案：圖案支援的圖片格式：gif、jpg、png、bmp。且可以設定圖示的對齊位置和圖文間隔：如果設定圖案後想清除掉圖案，可將滑鼠懸浮在圖案上方，圖案右上角會出先刪除按鈕，點選即可刪除：
位置	設定標題內容的對齊位置：靠左、置中、靠右
標題填充	可設定標題區域的背景填充，填充方式包括：沒有背景、顏色、圖片、漸變色。標題填充區域如下圖所示：注：標題背景漸變色設定的不透明度不支援行動端展示

樣式設定選擇「自訂」時，主體內容設定項如下圖所示：

前端預覽時填充的區域如下圖所示：

填充方式包括：沒有背景、顏色、圖片、漸變色。使用圖片填充時，有四種圖片自適應樣式，分別如下：

樣式設定選擇「自訂」時，外沿樣式設定項如下圖所示：

前端預覽時組件邊框包圍了標題和主體內容，如下圖所示：

邊框各設定項的介紹如下表：

設定項	作用
渲染風格	有兩個選項：普通、陰影。設定為普通時無任何渲染特效，設定為陰影時，邊框週圍會有陰影注：不支援行動端
邊框	可以設定為：無、自訂圖片、線條當設定為線條時，邊框包括標題部分可設定線條顏色，當設定為自訂圖片時，可以使用點九圖來填充，這個功能可以很好地解決圖片被拉伸漸變的問題注：Tab 塊不支援邊框設定為自訂圖片
圓角	定義邊框四個角的弧度。例如下圖四個角為圓角注：Tab 塊無圓角設定項
內邊距	「主體內容及標題」與「邊框」之間的距離。注1：Tab 塊無內邊距設定項注2：不支援行動端