1. 概述
1.1 版本
| 報表伺服器版本 | 功能變動 |
|---|---|
| 11.0 | 組件樣式新增「跟隨主題」設定 |
1.2 應用場景
在決策報表中，圖表塊、報表塊、Tab 塊統稱為組件。
選中組件後，在右下角屬性面板中的即可設定組件的各項屬性，包括組件名稱、座標尺寸以及樣式設定。
如下圖所示：
2. 組件名稱
組件名稱預設為 組件類型+數字後綴 ，例如圖表塊為 chart0 。不支援為空或重複。
3. 組件座標尺寸
1）組件位置只有在「絕對佈局」下可以手動設定。「自適應佈局」時，只能透過拖曳組件去行動位置。如下圖所示：
2）組件大小在「自適應佈局」下，寬度限制最小為 36，高度限制最小為 21。「絕對佈局」無限制。
在「自適應佈局」下，拖曳組件時，會自動限制，若手動調整座標值，會彈出提示。如下圖所示：
4. 組件樣式
4.1 跟隨主題
組件樣式預設「跟隨主題」，此時標題僅可設定是否可見以及標題內容。主題中組件樣式的設定請參見文檔：範本主題管理 。
4.2 自訂
選擇「自訂」時可分別設定組件的標題、主體和外沿樣式。
4.2.1 標題樣式
注：Tab 塊無組件標題樣式設定項。
樣式設定選擇「自訂」時，標題樣式設定項如下圖所示：
前端預覽時所處的位置如下圖所示：
標題的各設定項介紹如下表：
| 設定項 | 作用 |
|---|---|
| 標題可見 | 圖表塊預設勾選，報表塊預設不勾選 預覽時標題顯示在組件主體內容上方。取消勾選則不顯示標題 |
| 正文 | 可直接在編輯框中輸入標題正文資訊，若使用右側公式按鈕編輯，正文必須帶上雙引號 |
| 字元 | 標題內容的字元格式，包括字體、字號、顏色、斜體、粗體、底線 |
| 標題圖案 | 給標題新增一個圖案：
圖案支援的圖片格式：gif、jpg、png、bmp。且可以設定圖示的對齊位置和圖文間隔：
如果設定圖案後想清除掉圖案，可將滑鼠懸浮在圖案上方，圖案右上角會出先刪除按鈕，點選即可刪除：
|
| 位置 | 設定標題內容的對齊位置：靠左、置中、靠右 |
| 標題填充 | 可設定標題區域的背景填充，填充方式包括：沒有背景、顏色、圖片、漸變色。標題填充區域如下圖所示：
注：標題背景漸變色設定的不透明度不支援行動端展示 |
4.2.2 主體內容
樣式設定選擇「自訂」時，主體內容設定項如下圖所示：
前端預覽時填充的區域如下圖所示：
填充方式包括：沒有背景、顏色、圖片、漸變色。使用圖片填充時，有四種圖片自適應樣式，分別如下：
預設：即原圖顯示，如果原圖大小大於組件大小，則從左上角開始顯示，多出部分截斷不顯示。
平鋪：即圖片重複以鋪滿組件。
拉伸：即以圖片組件寬高進行自適應，如果圖片小於組件大小則拉伸圖片填充組件，否則壓縮圖片填充組件。
適應：即以圖片寬高原比例自適應組件大小。
4.2.3 外沿樣式
樣式設定選擇「自訂」時，外沿樣式設定項如下圖所示：
前端預覽時組件邊框包圍了標題和主體內容，如下圖所示：
邊框各設定項的介紹如下表：
| 設定項 | 作用 |
|---|---|
| 渲染風格 | 有兩個選項：普通、陰影。設定為普通時無任何渲染特效，設定為陰影時，邊框週圍會有陰影 注：不支援行動端 |
| 邊框 | 可以設定為：無、自訂圖片、線條 當設定為線條時，邊框包括標題部分可設定線條顏色， 當設定為自訂圖片時，可以使用 點九圖 來填充，這個功能可以很好地解決圖片被拉伸漸變的問題 注：Tab 塊不支援邊框設定為自訂圖片 |
| 圓角 | 定義邊框四個角的弧度。例如下圖四個角為圓角
注：Tab 塊無圓角設定項 |
| 內邊距 | 「主體內容及標題」與「邊框」之間的距離。
注1：Tab 塊無內邊距設定項 注2：不支援行動端 |
