［通用］背景顔色規範

• 移動端支持顯示自定義的背景

• 規範對背景的定義及顯示效果

2.1 報表背景

移動端支持顯示普通報表的 紙張背景，包括：顔色、圖片、紋理、圖案、漸變色。

設計器中設置紙張背景後，移動端預覽時，對應顯示爲整個中部主體背景。

2.2 單元格背景

移動端支持顯示普通報表中的單元格背景，包括：單元格背景、圖表區背景、繪圖區背景。

設置單元格>背景，移動端中可以顯示。

設置單元格圖表>圖表區背景/繪圖區背景 ，移動端中可以顯示。

• 單元格背景支持顔色、圖片、紋理、圖案、漸變色

• 單元格圖表背景支持顔色、圖片、漸變色

• 單元格及單元格圖表背景設置後，就是對應的區域顯示顔色，與 PC 端相同

3.1 主體背景

移動端支持顯示決策報表 body 主體背景。

• 決策報表主體背景支持顔色、圖片、漸變色

• 決策報表設置主體背景後，對應爲 App 整個中部主體背景

• 決策報表設置主體背景後，客戶端即識别「客戶使用自定義樣式」，此時若決策報表内組件沒有單獨設置背景色，則顯示出決策報表主體背景，對應顯示爲整個中部主體背景

3.2 組件背景

移動端支持顯示決策報表報表塊和圖表塊背景。

設置報表塊/圖表塊>控件屬性>高級>樣式>背景，移動端中可以顯示。

• 報表塊、圖表塊背景支持顔色、圖片、漸變色

• 報表塊、圖表塊設置組件背景後，對應爲移動端中模板組件主體的顔色

• App 及 HTML5 移動端展現插件在 V10.4.76 及之後的版本，支持背景顔色的透明度設置。

3.3 圖表背景

移動端支持顯示決策報表内圖表的标題背景、圖表區背景、繪圖區背景。

設置決策報表圖表>控件屬性>樣式>标題>背景，移動端中可以顯示。

設置決策報表圖表>圖表屬性>背景>繪圖區，移動端中可以顯示。

• 決策報表中圖表标題/圖表背景支持顔色、圖片、漸變色

• 決策報表中圖表設置标題背景後，對應爲移動端模板中圖表的标題樣式，此時标題的背景及标題字體顔色不采用默認，而是設置的顔色。但是标題的字體及大小仍爲統一的樣式。

• 決策報表中圖表繪圖區設置背景後，對應爲移動端模板中圖表繪圖區的顔色。
  

3.4 控件背景

決策報表控件背景色需要單獨設置，選中控件，點擊「移動端>樣式模板」：

1）屬性設置爲「默認」時，即不設置控件背景，控件背景默認爲「白色」

2）屬性設置爲「自定義」時，可設置組件背景。

3）如果設置控件背景爲透明，控件背景顯示爲主體背景。

3.5 Tab 塊背景

移動端支持顯示決策報表 Tab 塊背景，支持的屬性及效果如下表所示：