共用方式為


Power Apps 中的直條圖和折線圖控制項

將資料顯示為具有 x 軸和 y 軸的圖形的控制項。

Description

直條圖折線圖 是分組控制項。 每個群組包含三個控制項:標題的 標籤 、圖表圖形和 圖例

圖表索引鍵屬性

項目 — 出現在控制項 (例如圖庫、清單或圖表) 中的資料來源。

NumberOfSeries — 直條圖或折線圖中反映的資料欄數。

備註

最多可顯示 9 個系列

其他圖表屬性

BorderColor – 控制項框線的色彩。

BorderStyle – 控制項的框線是 SolidDashedDoted 還是 None

BorderThickness — 控制項邊框的粗細。

顏色 – 控制項中文字的顏色。

DisabledBorderColor -如果控制項的 DisplayMode 屬性設定為 Disabled,則控制項框線的色彩。

DisplayMode – 控制項是否允許使用者輸入 (編輯) 、只顯示資料 (檢視) 或停用 (已停用) 。

字型 — 顯示文字的字型系列名稱。

GridStyle – 直條圖或折線圖是否顯示其 x 軸、y 軸、兩者或兩者都不顯示。

高度 – 控制項頂部和底部邊緣之間的距離。

HoverBorderColor – 當使用者將滑鼠指標保留在控制項上時,控制項框線的色彩。

ItemColorSet — 圖表中每個資料點的顏色。

ItemsGap — 直條圖中欄之間的距離。

  • ItemsGap 屬性適用於直條圖控制項,但不適用於折線圖控制項。

標記 — 直條圖或折線圖是否顯示每個資料點的值。

MarkerSuffix – 直條圖中每個值之後出現的文字,其 Markers 屬性設定為 true

  • MarkerSuffix 屬性適用於直條圖控制項,但不適用於折線圖控制項。

MinimumBarWidth — 直條圖中最窄的欄寬度。

  • MinimumBarWidth 屬性適用於直條圖控制項,但不適用於折線圖控制項。

OnSelect – 使用者點選或按一下控制項時要執行的動作。

PaddingBottom – 控制項中的文字與該控制項底部邊緣之間的距離。

PaddingLeft – 控制項中文字與該控制項左邊緣之間的距離。

PaddingRight – 控制項中的文字與該控制項右邊緣之間的距離。

PaddingTop – 控制項中的文字與該控制項的上邊緣之間的距離。

PressedBorderColor – 使用者點選或按一下控制項時,控制項框線的色彩。

SeriesAxisMax — 直條圖或折線圖的 y 軸最大值。

  • SeriesAxisMax 屬性適用於直條圖控制項,但不適用於折線圖控制項。

SeriesAxisMin — 決定直條圖 y 軸最小值的數字。

  • SeriesAxisMin 屬性適用於直條圖控制項,但不適用於折線圖控制項。

大小 – 控制項上顯示之文字的字型大小。

TabIndex – 與其他控制項相關的鍵盤導覽順序。

可見 — 控制項是否顯示或隱藏。

寬度 – 控制項的左右邊緣之間的距離。

X – 控制項左邊緣與其父容器 (沒有父容器時則為螢幕) 左邊緣之間的距離。

XLabelAngle — 直條圖或折線圖 x 軸下方的標籤角度。

Y – 控制項頂部邊緣與其上層容器 (沒有上層容器時則為螢幕) 頂部邊緣之間的距離。

YAxisMax — 折線圖 y 軸的最大值。

  • YAxisMax 屬性適用於折線圖控制項,但不適用於直條圖控制項。

YAxisMin — 折線圖 y 軸的最小值。

  • YAxisMin 屬性適用於折線圖控制項,但不適用於直條圖控制項。

YLabelAngle — 折線圖或直條圖 y 軸旁的標籤角度。

Max資料來源資料行名稱

Example

  1. 新增 Button 控制項,並將其 OnSelect 屬性設定為以下公式:
    收集(收入,{年份:“2013”,木衛二:24000,木衛三:22300,木衛四:21200},{年份:“2014”,木衛二:26500,木衛三:25700,木衛四:24700},{年份:“2014”,木衛二:27900,木衛三:28300,木衛四:25600})

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

    想要更多關於 收集 功能或其他 功能的資訊嗎?

  2. 按 F5,按一下或點選 [按鈕] 控制項,然後按 Esc 返回預設工作區。

  3. 新增 [直條圖] 控制項或 折線圖 控制項,將其 Items 屬性設定為 Revenue,並將其 NumberOfSeries 屬性設定為 3

    控制項顯示三年內每個產品的收入資料。

協助工具指導方針

色彩對比

以下兩者之間必須有足夠的色彩對比:

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

支援螢幕助讀程式

  • 圖表圖形之前必須有一個 標籤 才能作為標題。

  • 請考慮新增圖表圖形的摘要。 例如,「折線圖顯示今年 3 月至 8 月期間銷售額穩步成長。」

    備註

    圖表圖形和 圖例 對屏幕閱讀器用戶隱藏。 作為替代方案,將資料的表格形式呈現給他們。 他們也可以循環瀏覽選取圖表中資料的按鈕。

低視力支持

  • 如果顯示多個系列,則必須有一個 圖例
  • 請考慮將 GridStyle 設定為 GridStyle.All,以顯示這兩個軸。 這有助於所有用戶準確確定數據的規模。
  • 對於 [直條圖],請考慮將 [標記] 設定為 true。 這有助於低視力使用者確定列的值。

鍵盤支援

  • TabIndex 必須為零或更大,鍵盤使用者才能流覽至它。

    備註

    當鍵盤使用者導覽至圖表時,他們可以循環瀏覽選取圖表中資料的按鈕。