Элементы управления "Диаграмма столбцов" и "График" в Power Apps

Элементы управления, отображающие данные в виде графов с осями x и y.

Description

Гистограмма и линейчатая диаграмма — это сгруппированные элементы управления. Каждая группа содержит три элемента управления: метку для заголовка, рисунка диаграммы и условных обозначений.

Свойства ключа диаграммы

Элементы — источник данных, отображаемых в элементе управления, например в коллекции, списке или диаграмме.

NumberOfSeries — количество столбцов данных, отражаемых в столбце или графике.

Замечание

Может отображаться не более 9 рядов

Дополнительные свойства диаграммы

BorderColor — цвет границы элемента управления.

BorderStyle — является ли граница элемента управления твердым, дефишированным, dotted или None.

BorderThickness — толщина границы элемента управления.

Цвет — цвет текста в элементе управления.

DisabledBorderColor — цвет границы элемента управления, если для свойства DisplayMode элемента управления задано значение "Отключено".

DisplayMode — разрешает ли элемент управления входные данные (изменить), отображается только данные (вид) или отключен (отключено).

Шрифт — имя семейства шрифтов, в которых отображается текст.

GridStyle — показывает ли столбец или график ее ось x, ось y, обе или ни то, ни другое.

Высота — расстояние между верхними и нижними краями элемента управления.

HoverBorderColor — цвет границы элемента управления, когда пользователь сохраняет указатель мыши на этом элементе управления.

ItemColorSet — цвет каждой точки данных на диаграмме.

ItemsGap — расстояние между столбцами в диаграмме столбцов.

  • Свойство ItemsGap доступно для элемента управления "Диаграмма столбцов", но не для элемента управления "График".

Маркеры — отображает ли столбец или график значение каждой точки данных.

MarkerSuffix — текст, который отображается после каждого значения в столбцовой диаграмме, для которой свойству Маркеров присвоено значение true.

  • Свойство MarkerSuffix доступно для элемента управления "Диаграмма столбцов", но не для элемента управления "График".

MinimumBarWidth — самая узкая ширина столбцов в диаграмме столбцов.

  • Свойство MinimumBarWidth доступно для элемента управления "Диаграмма столбцов", но не для элемента управления "График".

OnSelect — действия, выполняемые при нажатии пользователем элемента управления или щелчке элемента управления.

PaddingBottom — расстояние между текстом в элементе управления и нижней краю этого элемента управления.

PaddingLeft — расстояние между текстом в элементе управления и левым краем этого элемента управления.

PaddingRight — расстояние между текстом в элементе управления и правым краем этого элемента управления.

PaddingTop — расстояние между текстом в элементе управления и верхним краем этого элемента управления.

Нажатие клавишиBorderColor — цвет границы элемента управления, когда пользователь нажимает или щелкает этот элемент управления.

SeriesAxisMax — максимальное значение оси Y для столбца или линейной диаграммы.

  • Свойство SeriesAxisMax доступно для элемента управления "Диаграмма столбцов ", но не для элемента управления "График ".

SeriesAxisMin — число, определяющее минимальное значение оси Y для диаграммы столбцов.

  • Свойство SeriesAxisMin доступно для элемента управления "Диаграмма столбцов ", но не для элемента управления "График ".

Размер — размер шрифта текста, который отображается в элементе управления.

TabIndex — порядок навигации клавиатуры относительно других элементов управления.

Видимый — отображается ли элемент управления или скрыт.

Ширина — расстояние между левыми и правыми краями элемента управления.

X — расстояние между левым краем элемента управления и левым краем родительского контейнера (экран, если родительский контейнер отсутствует).

XLabelAngle — угол меток под осью x столбца или диаграммы линий.

Y — расстояние между верхним краем элемента управления и верхним краем родительского контейнера (экран, если родительский контейнер отсутствует).

YAxisMax — максимальное значение оси Y для линейной диаграммы.

  • Свойство YAxisMax доступно для элемента управления "График", но не для элемента управления "Диаграмма столбцов".

YAxisMin — минимальное значение оси Y для линейной диаграммы.

  • Свойство YAxisMin доступно для элемента управления "График" , но не для элемента управления "Диаграмма столбцов ".

YLabelAngle — угол меток рядом с осью Y линии или диаграммы столбцов.

Max( DataSource, ColumnName )

Example

  1. Добавьте элемент управления Button и задайте следующую формулу в качестве значения свойства OnSelect:
    Collect(Revenue, {Year:"2013", Europe:24000, Ganymede:22300, Callisto:21200}, {Year:"2014", Europe:26500, Ganymede:25700, Callisto:24700},{Year:"2014", Europe:27900, Ganymede:28300, Callisto:25600})

    Не знаю, как добавить и настроить элемент управления?

    Хотите получить дополнительные сведения о функции Сбора или других функциях?

  2. Нажмите клавишу F5, щелкните или коснитесь элемента управления "Кнопка ", а затем нажмите клавишу ESC, чтобы вернуться в рабочую область по умолчанию.

  3. Добавьте элемент управления "Диаграмма столбцов " или элемент управления "График" , задайте для свойства Items значение "Доход" и задайте для свойства NumberOfSeries значение 3.

    В элементе управления отображаются данные о доходах для каждого продукта в течение трех лет.

Руководство по настройке специальных возможностей

Контрастность цветов

Между ними должна быть достаточная контрастность цвета:

  • каждый элемент в ItemColorSet
  • каждый элемент в ItemColorSet и цвет фона
  • Цвет и цвет фона

Поддержка средства чтения с экрана

  • Перед графическим рисунком диаграммы должна быть метка , которая будет служить заголовком.

  • Рассмотрите возможность добавления сводки рисунка диаграммы. Например, "График показывает устойчивый рост продаж в период с марта по август этого года".

    Замечание

    Графика диаграммы и условные обозначения скрыты от пользователей средства чтения с экрана. В качестве альтернативы табличная форма данных представлена им. Они также могут циклит с помощью кнопок, которые выбирают данные на диаграмме.

Поддержка низкого зрения

  • Если отображается несколько рядов, должно быть условные обозначения .
  • Рекомендуется задать GridStyle значение GridStyle.All , в котором показаны обе оси. Это помогает всем пользователям точно определить масштаб данных.
  • Для диаграммы столбцов рекомендуется задать для метокзначение true. Это помогает пользователям с низким зрением определять значение столбца.

Поддержка клавиатуры

  • TabIndex должен быть равен нулю или больше, чтобы пользователи клавиатуры могли перейти к нему.

    Замечание

    Когда пользователи клавиатуры переходят на диаграмму, они могут циклически выбирать данные на диаграмме.