分享方式：

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 軸旁標籤的角度。

Max( DataSource, ColumnName )

範例

  1. 新增**按鈕** 控制項，並將其 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})

    不知道如何 新增和設定控制項 嗎？

    想要了解 Collect 函數或 其他函數 的詳細資訊嗎？

  2. 按下 F5 鍵，點擊或點選**按鈕** 控制項，然後按下 Esc 鍵返回預設工作區。

  3. 新增柱狀圖控制項或折線圖控制項，將其 Items 屬性設定為 Revenue，並將其 NumberOfSeries 屬性設定為 3。

    此控制項顯示 3 年的各產品營收資料。

協助工具指南

色彩對比

以下項目之間必須有足夠的色彩對比：

  • ItemColorSet 中的每個項目
  • ItemColorSet 中的每個項目和背景色彩
  • Color 和背景色彩

螢幕助讀程式支援

  • 圖表圖形之前必須緊接著作為標題的**標籤**。

  • 請考慮新增圖表圖形的摘要。 例如，「折線圖顯示今年 3 月和 8 月之間的銷售額穩定增加。」

    備註

    螢幕助讀程式使用者看不到圖表圖形和 Legend。 替代方式是提供他們表格式資料。 他們也可以循環切換選取圖表中資料的按鈕。

弱視支援

  • 如果顯示多個系列，必須要有 Legend。
  • 請考慮將 GridStyle 設定為 GridStyle.All 顯示兩個座標軸。 這有助於所有使用者正確判定資料的小數位數。
  • 如果是柱狀圖，請考慮將 Markers 設定為 true。 這有助於弱視使用者判定欄位值。

鍵盤支援

  • TabIndex 必須是零或大於零，鍵盤使用者才能導覽到該處。

    備註

    當鍵盤使用者瀏覽至圖表時，就可以循環切換選取圖表中資料的按鈕。