圖表樣式
簡介
功能簡介
圖表元件可設定單個圖表自己的風格樣式:
- 圖形類元件可以設定圖形顏色風格;
- 表格類元件可設定表格的主題色、表頭文字、內容文字及對齊方式;
- 當指標只有 1 個指標,沒有維度時,樣式風格可進行特殊設定。
應用場景
可以透過調整圖形和表格類元件的圖表樣式,對元件進行美化,改變元件的風格。
預期效果
元件整體樣式設定
在元件樣式設定中,可以對元件整體樣式進行設定,包括:
- 背景設定
- 標題顏色設定
背景設定
背景可以設定純色的自訂顏色,也可以上傳圖片作爲背景。
1. 顏色
下圖爲指標圖顏色背景的設定效果:
2. 圖片
標題顏色設定
標題顏色需要與元件整體背景色形成鮮明對比。如深色系背景用淺色標題,淺色背景用深色標題,這樣才能保證標題顏色能被快速辨識出來。
元件配色
圖表配色
圖形類元件的配色分爲按維度配色和按指標配色。包括直條圖、折線圖、橫條圖、面積圖、雷達圖、圓餅圖、地圖。
1. 按維度配色
按維度配色可以選擇系統預設的十種配色方案,也可以手動對元件內的每一根柱子或者條形進行自訂配色。
2. 按指標配色
對於部分元件可以按指標配色,指標配色分為:
- 區間色
- 漸變色
表格類元件配色
表格類元件樣式可以設定以下幾個內容:
- 主題色
- 表頭文字顏色
- 內容文字顏色
- 文字對齊方式
指標圖樣式
但指標圖的指標爲 1 ,維度爲 0 時,可以設定指標圖特有的樣式,如下圖所示:
注意事項
除了圖表配色,其他元件樣式的設定在行動裝置不生效。