Power Apps 中的 柱形图 和 折线图 控件
用包含 x 轴和 y 轴的图显示数据的控件。
描述
柱形图 和 折线图 为分组控件。 每组包含三个控件:标题 标签、图表图形和图例。
图表关键属性
Items – 控件中显示的数据源,如库、列表或图表。
NumberOfSeries – 柱形图或折线图中反映了多少列的数据。
其他图表属性
BorderColor – 控件边框的颜色。
BorderStyle – 控件边框是 Solid、Dashed、Dotted 还是 None。
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。
此控件将显示每个产品超过三年的收入数据。
辅助功能准则
颜色对比度
在以下项之间必须有足够的颜色对比度:
- ItemColorSet 中的每个项
- ItemColorSet 中的所有项和背景色
- Color 和背景色
屏幕阅读器支持
“图表图形”前必须有一个 标签 作为标题。
请考虑添加图表图形的摘要。 例如,“折线图显示本年度 3 月和 8 月之间销售额的稳定增长”。
备注
图表图形和图例对屏幕阅读器用户隐藏。 作为替代方法,将向用户显示表格形式的数据。 他们还可以在用于在图表中选择数据的按钮之间循环。
弱视支持
- 如果显示多个序列,则必须有图例。
- 请考虑将 GridStyle 设置为 GridStyle.All,以显示两个轴。 这可以帮助所有用户准确地确定数据的规模。
- 对于柱形图,请考虑将 Markers 设置为 true。 这有助于弱视用户确定柱形的值。
键盘支持
TabIndex 必须为零或更大,以便键盘用户可以导航到它。
备注
当键盘用户导航到图表时,可以在用于在图表中选择数据的按钮之间循环。