Power Apps 中的柱狀圖和折線圖控制項
以 x 軸和 y 軸顯示資料圖形的控制項。
描述
柱狀圖和折線圖是群組的控制項。 每個群組包含三個控制項:標題的**標籤、圖表圖形和圖例**。
圖表主要屬性
Items – 出現在如資源庫控制項、清單或圖表中的資料來源。
NumberOfSeries – 柱狀圖或折線圖中反映多少個資料欄位。
其他圖表屬性
BorderColor – 控制項框線的色彩。
BorderStyle – 決定控制項的框線為實線、虛線、點線或無。
BorderThickness – 控制項框線的粗細。
Color – 控制項文字的色彩。
DisabledBorderColor – 如果控制項的 DisplayMode 屬性設定為 Disabled,該控制項框線的色彩。
DisplayMode – 控制項是否允許使用者輸入 (Edit)、只顯示資料 (View) 或者已停用 (Disabled)。
Font – 文字可使用的字型家族名稱。
GridStyle – 柱狀圖或折線圖是否顯示其 x 軸、y 軸、兩者皆顯示、或兩者皆不顯示。
Height – 控制項的頂端和底部邊緣之間的距離。
HoverBorderColor – 使用者將滑鼠游標停留在控制項上時,該控制項框線所呈現的色彩。
ItemColorSet – 圖表中每個資料點的色彩。
ItemsGap – 柱狀圖中的每個直條之間的距離。
- ItemsGap 屬性適用於柱狀圖控制項,但不適用於折線圖控制項。
Markers – 柱狀圖或折線圖是否顯示每個資料點的值。
MarkerSuffix – Markers 屬性設定為 true 時,柱狀圖中每個值後面出現的文字。
- MarkerSuffix 屬性可用於柱狀圖 控制項,但不可用於折線圖控制項。
MinimumBarWidth – 柱狀圖中直條的最小可能寬度。
- MinimumBarWidth 屬性可用於柱狀圖控制項,但不可用於折線圖控制項。
OnSelect – 在使用者點選或點擊控制項時,要執行的動作。
PaddingBottom – 控制項中文字與該控制項下邊緣之間的距離。
PaddingLeft – 控制項中文字與該控制項左邊緣之間的距離。
PaddingRight – 控制項中文字與該控制項右邊緣之間的距離。
PaddingTop – 控制項中文字與該控制項上邊緣之間的距離。
PressedBorderColor – 使用者點選或點擊控制項時,該控制項框線所呈現的色彩。
SeriesAxisMax – 柱狀圖或折線圖的 y 軸最大值。
- SeriesAxisMax 屬性可用於柱狀圖控制項,但不用於折線圖控制項。
SeriesAxisMin – 判定柱狀圖中 y 軸最小值的數字。
- SeriesAxisMin 屬性可用於柱狀圖控制項,但不可用於折線圖控制項。
Size – 控制項上文字的字型大小。
TabIndex – 相對於其他控制項的鍵盤瀏覽順序。
Visible – 控制項顯示或隱藏。
Width – 控制項左邊緣與右邊緣之間的距離。
X – 控制項左邊緣與其父容器 (沒有父容器時則為螢幕) 左邊緣之間的距離。
XLabelAngle – 柱狀圖或折線圖 x 軸下方標籤的角度。
Y – 控制項頂部邊緣與其父容器 (沒有父容器時則為螢幕) 頂部邊緣之間的距離。
YAxisMax – 折線圖的 y 軸最大值。
- YAxisMax 屬性可用於 折線圖 控制項,但不可用於柱狀圖控制項。
YAxisMin – 折線圖的 y 軸最小值。
- YAxisMin 屬性可用於折線圖控制項,但不可用於柱狀圖控制項。
YLabelAngle – 柱狀圖或折線圖中 y 軸旁標籤的角度。
相關函數
範例
新增**按鈕** 控制項,並將其 OnSelect 屬性設定為以下公式:
Collect(Revenue, {Year:"2013", Europa:24000, Ganymede:22300, Callisto:21200}, {Year:"2014", Europa:26500, Ganymede:25700, Callisto:24700},{Year:"2014", Europa:27900, Ganymede:28300, Callisto:25600})不知道如何 新增和設定控制項 嗎?
按下 F5 鍵,點擊或點選**按鈕** 控制項,然後按下 Esc 鍵返回預設工作區。
新增柱狀圖控制項或折線圖控制項,將其 Items 屬性設定為 Revenue,並將其 NumberOfSeries 屬性設定為 3。
此控制項顯示 3 年的各產品營收資料。
協助工具指南
色彩對比
以下項目之間必須有足夠的色彩對比:
- ItemColorSet 中的每個項目
- ItemColorSet 中的每個項目和背景色彩
- Color 和背景色彩
螢幕助讀程式支援
圖表圖形之前必須緊接著作為標題的**標籤**。
請考慮新增圖表圖形的摘要。 例如,「折線圖顯示今年 3 月和 8 月之間的銷售額穩定增加。」
注意
螢幕助讀程式使用者看不到圖表圖形和 Legend。 替代方式是提供他們表格式資料。 他們也可以循環切換選取圖表中資料的按鈕。
弱視支援
- 如果顯示多個系列,必須要有 Legend。
- 請考慮將 GridStyle 設定為 GridStyle.All 顯示兩個座標軸。 這有助於所有使用者正確判定資料的小數位數。
- 如果是柱狀圖,請考慮將 Markers 設定為 true。 這有助於弱視使用者判定欄位值。
鍵盤支援
TabIndex 必須是零或大於零,鍵盤使用者才能導覽到該處。
注意
當鍵盤使用者瀏覽至圖表時,就可以循環切換選取圖表中資料的按鈕。