Поделиться через

Элемент управления Круговая диаграмма в Power Apps

  • Статья

Элемент управления, отображающий относительные значения в сравнении друг с другом.

Описание

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

Этот элемент управления — это группа из трех элементов управления: Подпись для заголовка, графического изображения диаграммы и Legend.

Ключевые свойства диаграммы

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

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

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

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

BorderStyle  — стиль границы элемента управления: Solid, Dashed, Dotted или None.

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

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

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

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

Explode — расстояние между секторами круговой диаграммы.

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

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

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

ItemBorderColor — цвет границы вокруг каждого сектора круговой диаграммы.

ItemBorderThickness — толщина границы вокруг каждого сектора круговой диаграммы.

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

LabelPosition — расположение подписей на круговой диаграмме относительно ее секторов.

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

PressedBorderColor  — цвет границы элемента управления при щелчке или касании.

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

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

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

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

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

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

Max(источник_данных, имя_столбца)

Пример

  1. Добавьте элемент управления Кнопка и задайте следующую формулу в качестве значения свойства OnSelect:
    Collect(Revenue2015, {Product:"Europa", Revenue:27000}, {Product:"Ganymede", Revenue:26300}, {Product:"Callisto", Revenue:29200})

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

    Нужны дополнительные сведения о функции Collect или других функциях?

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

  3. Добавьте элемент управления Круговая диаграмма и укажите для его свойства Items значение Revenue2015.

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

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

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

Необходимо настроить достаточный контраст для следующих элементов:

  • каждым элементом в ItemColorSet;
  • каждым элементом в ItemColorSet и цветом фона;
  • свойством Color и цветом фона.

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

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

    Примечание

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

Поддержка пользователей со слабым зрением

  • Должен присутствовать элемент управления Legend.
  • Попробуйте задать для свойства ShowLabels значение true. Так пользователи с ослабленным зрением смогут быстро определять данные, которые представляет каждый срез круговой диаграммы.
  • Попробуйте задать для свойства LabelPosition значение LabelPosition.Outside. Это повысит читаемость меток благодаря более приятному для глаза контрасту.

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

  • Значение элемента TabIndex должно быть равно нулю или больше нуля, чтобы пользователи могли использовать навигацию с помощью клавиатуры.

    Примечание

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

Примечание

Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).

Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).