Power Apps 中的柱形图和折线图控件

使用 x 轴和 y 轴以图形的形式显示数据的控件。

Description

柱形图折线图 是分组控件。 每个组包含三个控件:标题的 标签 、图表图形和 图例

图表键属性

– 显示在控件(如库、列表或图表)中的数据源。

NumberOfSeries – 在柱形图或折线图中反映的数据列数。

注释

最多可以显示 9 个系列

其他图表属性

BorderColor – 控件边框的颜色。

BorderStyle – 控件的边框是 SolidDashedDotted 还是 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 轴旁边的标签的角度。

MaxDataSourceColumnName

Example

  1. 添加 Button 控件,并将其 OnSelect 属性设置为以下公式:
    Collect(收入, {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 中的每个项和背景色
  • 颜色 和背景色

屏幕阅读器支持

  • 图表图形前必须有一个 标签 才能用作标题。

  • 请考虑添加图表图形的摘要。 例如,“折线图显示今年 3 月至 8 月之间的销售额稳步增长。

    注释

    图表图形和 图例 在屏幕阅读器用户中隐藏。 作为替代方法,向它们呈现数据的表格形式。 它们还可以循环访问在图表中选择数据的按钮。

低视力支持

  • 如果显示多个系列,则必须有 一个图例
  • 请考虑将 GridStyle 设置为 GridStyle.All,这两个轴均显示。 这有助于所有用户准确确定数据的规模。
  • 对于 柱形图,请考虑将 标记 设置为 true。 这有助于低视力用户确定列的值。

键盘支持

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

    注释

    当键盘用户导航到图表时,他们可以循环浏览在图表中选择数据的按钮。