[TOC] ### **1、添加組件** 點擊“”圖標，再點擊“文本類 ->顏色塊”，即可完成顏色塊添加，如圖3.10；  :-: 圖3.10 ### **2、樣式設置** #### **（1）精度** 選中該組件，在操作界面右側的“精度”處修改，可設置數值保留的小數位數，設置好后，點擊預覽可以看到效果  #### **（2）行數** 選中該顏色塊組件，在操作界面右側的“行數”處可把數字設置成整體的樣式，如圖3.10.1；  :-: 圖3.10.1 #### **（4）邊框設置** 選中該組件，在操作界面右側的“邊框設置”處修改，設置好后，點擊預覽可以看到效果，如圖3.10.2； * x/y間距：樣色塊之間的橫向和縱向的間距，調整間距值，顏色塊至今的間距會變化； * 邊框：可設置邊框樣式；分為：無邊框、內置圖片、內置邊框； * 無邊框：設置無邊框的顏色塊，樣式如圖3.10.5； * 內置圖片：設置顏色塊的背景，如可設置圖片地址、背景圖片、背景顏色，樣式如圖3.10.3； * 內置邊框：設置顏色塊的邊框樣式，如可設置邊框顏色、邊框寬度、背景顏色，樣式如圖3.10.4；  :-: 圖3.10.2 #### **（5）內部設置** 選中該組件，在操作界面右側的“內部設置”處可修改文字樣式，如圖3.10.6； * 字體樣式：顏色塊內文字的樣式； * 字體大小：顏色塊內文字的大小； * 字體顏色：顏色塊內文字顏色； * 字體粗細：顏色塊內文字粗細； * 對齊方式：顏色塊內文字對齊方式； * 邊距：顏色塊內文字之間邊距；  :-: 圖3.10.6 #### **（6）前綴設置** 選中該組件，在操作界面右側的“前綴設置”處可設置前綴樣式，如圖3.10.7； * 間距：前綴x方向的間距； * 顏色：前綴字體顏色； * 字體大小：前綴字體大小；  :-: 圖3.10.7 #### **（7）后綴設置** 選中該組件，在操作界面右側的“前綴設置”處可設置前綴樣式，如圖3.10.8； * 前綴內容：前綴要顯示的內容； * 對齊方式：前綴的對齊方式； * X間距：前綴跟X軸的間距； * Y間距：前綴跟Y軸間距； * 顏色：前綴字體顏色； * 字體大小：前綴字體大小；  :-: 圖3.10.8