Елементи керування "Стовпчаста діаграма" та "Лінійна діаграма" в Power Apps

Елементи керування, які відображають дані у вигляді графіків з осями X та Y.

Опис

Стовпчаста діаграма та Лінійна діаграма є згрупованими елементами керування. Кожна група містить три елементи керування: Label для заголовка, зображення діаграми та Легенда.

Ключові властивості діаграми

Items  – джерело даних, що відображаються в елементі керування, як-от галерея, список або діаграма.

NumberOfSeries – кількість стовпців із даними, які відображаються в стовпчастій або лінійній діаграмі.

Додаткові властивості діаграми

BorderColor  – колір межі елемента керування.

BorderStyle  – визначає стиль межі елемента керування: Суцільна, Штрихова, Пунктирна або Немає.

BorderThickness  – товщина межі елемента керування.

Color  – колір тексту в елементі керування.

DisabledBorderColor  – колір межі елемента керування, якщо для властивості DisplayMode елемента керування встановлено значення Disabled (Вимкнуто).

DisplayMode  – визначає, чи елемент керування дозволяє ввід даних користувачем (Редагування), лише відображає дані (Перегляд) або ж є вимкнутим (Вимкнуто).

Font  – ім’я сімейства шрифтів, що використовується для відображення тексту.

GridStyle – визначає, чи потрібно відображати на стовпчастій або лінійній діаграмі вісь X, вісь Y, обидві осі або не відображати жодної.

Height  – відстань між верхнім і нижнім краями елемента керування.

HoverBorderColor  – колір межі елемента керування в разі наведення на нього курсору.

ItemColorSet – колір кожної точки даних на діаграмі.

ItemsGap – відстань між стовпцями в стовпчастій діаграмі.

• Властивість ItemsGap доступна для елемента керування Стовпчаста діаграма, проте не доступна для елемента керування Лінійна діаграма.

Маркери – визначає, чи відображається значення кожної точки даних на стовпчастій або лінійній діаграмі.

MarkerSuffix – текст, який відображається після кожного значення на стовпчастій діаграмі, в якій для властивості Маркери встановлено значення 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. Додайте елемент керування Button та настройте його властивість 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, клацніть елемент керування Button (або торкніться його), а потім натисніть клавішу Esc, щоб повернутися до робочої області за замовчуванням.

3. Додайте елемент керування Стовпчаста діаграма або Лінійна діаграма, установіть для його властивості Елементи значення Прибуток, а для властивості NumberOfSeries – значення 3.

   У елементі керування відображаються дані про прибуток для кожного продукту за три роки.

Рекомендації щодо спеціальних можливостей

Контрастність кольору

Необхідно налаштувати відповідну контрастність кольору для таких елементів:

• кожним елементом у властивості ItemColorSet;
• кожним елементом у властивості ItemColorSet та кольором фону;
• властивістю Color та кольором фону.

Підтримка зчитування екрана

• Безпосередньо перед зображенням діаграми має бути елемент керування Label, що слугуватиме за заголовок.

• Розгляньте можливість додати зведення зображення діаграми. Наприклад: "На лінійній діаграмі показано стійке збільшення обсягів продажів із березня по серпень цього року".

  Примітка

  Зображення діаграми та Легенда приховані від користувачів невізуального екрана. Замість цього їм представляється таблична форма даних. Вони також можуть поперемінно натискати кнопки для вибору відповідних даних на діаграмі.

Підтримка засобів для користувачів зі слабким зором

• Якщо відображається кілька рядів, необхідно додати Легенду.
• Спробуйте додати GridStyle до GridStyle.All, щоб відобразити обидві осі. Це допоможе всім користувачам точно визначати масштаби даних.
• У Стовпчастій діаграмі для властивості Маркери можна встановити значення True. Це допоможе користувачам із вадами зору визначати значення стовпця.

Підтримка клавіатури

• Для властивості TabIndex має бути встановлено значення "нуль" або більше, щоб користувачі клавіатури могли перейти до неї.

  Примітка

  У разі переходу користувачів клавіатури до діаграми вони можуть поперемінно натискати кнопки для вибору відповідних даних на діаграмі.