將資料顯示為具有 x 軸和 y 軸的圖形的控制項。
Description
直條圖 和 折線圖 是分組控制項。 每個群組包含三個控制項:標題的 標籤 、圖表圖形和 圖例。
圖表索引鍵屬性
項目 — 出現在控制項 (例如圖庫、清單或圖表) 中的資料來源。
NumberOfSeries — 直條圖或折線圖中反映的資料欄數。
備註
最多可顯示 9 個系列
其他圖表屬性
BorderColor – 控制項框線的色彩。
BorderStyle – 控制項的框線是 Solid、 Dashed、 Doted 還是 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 軸旁的標籤角度。
相關功能
Example
新增 Button 控制項,並將其 OnSelect 屬性設定為以下公式:
收集(收入,{年份:“2013”,木衛二:24000,木衛三:22300,木衛四:21200},{年份:“2014”,木衛二:26500,木衛三:25700,木衛四:24700},{年份:“2014”,木衛二:27900,木衛三:28300,木衛四:25600})不知道如何 新增和設定控制項?
按 F5,按一下或點選 [按鈕] 控制項,然後按 Esc 返回預設工作區。
新增 [直條圖] 控制項或 折線圖 控制項,將其 Items 屬性設定為 Revenue,並將其 NumberOfSeries 屬性設定為 3。
控制項顯示三年內每個產品的收入資料。
協助工具指導方針
色彩對比
以下兩者之間必須有足夠的色彩對比:
- ItemColorSet 中的每個項目
- ItemColorSet 中的每個項目和背景色彩
- 顏色 和背景顏色
支援螢幕助讀程式
圖表圖形之前必須有一個 標籤 才能作為標題。
請考慮新增圖表圖形的摘要。 例如,「折線圖顯示今年 3 月至 8 月期間銷售額穩步成長。」
備註
圖表圖形和 圖例 對屏幕閱讀器用戶隱藏。 作為替代方案,將資料的表格形式呈現給他們。 他們也可以循環瀏覽選取圖表中資料的按鈕。
低視力支持
- 如果顯示多個系列,則必須有一個 圖例 。
- 請考慮將 GridStyle 設定為 GridStyle.All,以顯示這兩個軸。 這有助於所有用戶準確確定數據的規模。
- 對於 [直條圖],請考慮將 [標記] 設定為 true。 這有助於低視力使用者確定列的值。
鍵盤支援
TabIndex 必須為零或更大,鍵盤使用者才能流覽至它。
備註
當鍵盤使用者導覽至圖表時,他們可以循環瀏覽選取圖表中資料的按鈕。