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