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 轴旁边标签的角度。

相关函数

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。

   此控件将显示每个产品超过三年的收入数据。

辅助功能准则

颜色对比度

在以下项之间必须有足够的颜色对比度：

• ItemColorSet 中的每个项
• ItemColorSet 中的所有项和背景色
• Color 和背景色

屏幕阅读器支持

• “图表图形”前必须有一个 标签 作为标题。

• 请考虑添加图表图形的摘要。 例如，“折线图显示本年度 3 月和 8 月之间销售额的稳定增长”。

  备注

  图表图形和图例对屏幕阅读器用户隐藏。 作为替代方法，将向用户显示表格形式的数据。 他们还可以在用于在图表中选择数据的按钮之间循环。

弱视支持

• 如果显示多个序列，则必须有图例。
• 请考虑将 GridStyle 设置为 GridStyle.All，以显示两个轴。 这可以帮助所有用户准确地确定数据的规模。
• 对于柱形图，请考虑将 Markers 设置为 true。 这有助于弱视用户确定柱形的值。

键盘支持

• TabIndex 必须为零或更大，以便键盘用户可以导航到它。

  备注

  当键盘用户导航到图表时，可以在用于在图表中选择数据的按钮之间循环。