橫條圖適合用於展示二維資料集,展示資料的分布情況,其中一個軸表示需要對比的分類維度,另一個軸代表相應的數值,例如水平軸展示月份,垂直軸展示商品銷量。本文為您介紹如何為橫條圖添加資料並配置樣式。
前提條件
已建立資料大屏。具體操作,請參見建立資料大屏。
效果圖
添加資料
在組件庫地區的圖表中,找到橫條圖並拖至畫布中。
單擊請選擇資料集,並按照下圖指引,添加資料,更新後的表徵圖如下。
圖表樣式配置
位置和尺寸
您可以在配置區對組件進行如下設定:
調整組件的對齊(①):支援靠左對齊、置中和靠右對齊等。
調整組件的尺寸(②):以左上方為原點,設定X和Y軸的值,調整位置。
調整組件的角度(③):設定旋轉角度的值。
調整組件的大小(④):設定W和H的值,調整組件的寬度和高度。
鎖定組件(⑤):鎖定組件後,無法調整組件的大小。
調整透明度(⑥):設定組件的透明度
繪圖區域
您可以在繪圖區域對組件進行如下設定:
色系選擇:選擇柱體的顏色。
柱體展示方向:設定柱體展示方向,包括水平與垂直。
柱體樣式:設定柱體的柱寬、同柱體之間距離和圓角半徑。
顯示資料標籤:設定是否顯示資料標籤、展示方式以及文本的大小和顏色等,顯示方式包括智能顯示和全量顯示。
圖例
您可以在圖例區對組件進行如下設定:
顯示圖例:設定是否顯示圖例。
位置:設定顯示圖例時,您可以設定圖例的位置。
文本:設定顯示圖例時,您可以設定圖例文本的大小、顏色等。
X軸
您可以在X軸區對組件進行如下設定:
顯示X軸:設定是否顯示X軸、數值顯示範圍、最大值、最小值等。
軸標題:設定顯示X軸時,您可以設定是否顯示軸標題與單位、軸標題、軸單位以及文字大小與顏色等。
軸線:設定顯示X軸時,您可以設定是否顯示座標軸以及座標軸的顏色等。
軸標籤與刻度:設定顯示X軸時,您可以設定是否顯示軸標籤與刻度、軸標籤的文本顏色以及刻度的樣式等。
網格線:設定顯示X軸時,您可以設定是否顯示網格線以及網格線的寬度、顏色等。
Y軸
您可以在Y軸區對組件進行如下設定:
顯示Y軸:設定是否顯示Y軸以及Y軸的顯示位置。
軸標題:設定顯示Y軸時,您可以設定是否顯示軸標題與單位、軸標題、軸單位以及文字大小與顏色等。
軸線:設定顯示Y軸時,您可以設定是否顯示座標軸以及座標軸的顏色等。
軸標籤與刻度:設定顯示Y軸時,您可以設定是否顯示軸標籤與刻度、軸標籤的文本顏色以及刻度的樣式等。
網格線:設定顯示Y軸時,您可以設定是否顯示網格線以及網格線的寬度、顏色等。
工具提示
您可以在工具提示中,設定工具提示方式。
圖表配置項 | 配置項說明 |
圖表配置項 | 配置項說明 |
展示方式 | 設定提示資訊展示方式,支援按單資料點、按維值兩種方式。 |
內容 | 展示方式為按單資料點時,支援佔比; 展示方式為按維值時,支援總計和佔比。 |
背景色 | 設定背景顏色。 |
文本 | 設定提示文字樣式。 |
效果如下:
系列設定
您可以在系列設定區對組件進行如下設定:
請選擇系列:根據業務情境選擇維度或度量項。
顯示資料標籤:設定是否顯示資料標籤以及資料標籤的文本顏色、大小等。
顯示最值:顯示橫條圖上最大值和最小值的標籤。
同步樣式到:同步當前的條件式格式設定到其他度量指標中。