Когда дело доходит до анализа и представления данных, ничто не сравнится с хорошей диаграммой. Диаграммы визуализируют сложные данные в доступной для понимания форме. Элемент управления Syncfusion WinUI Charts предоставляет более 20 популярных и широко используемых типов диаграмм, таких как линейные, столбцовые, площадные и круговые. Его богатый набор функций включает привязку данных, несколько осей, легенды, анимацию, метки данных, всплывающую подсказку, градиент, масштабирование и т. д.

Во-первых, давайте сделаем краткий обзор наших круговых диаграмм WinUI.

Круговые диаграммы WinUI

Круговые диаграммы WinUI — это удобные для пользователя типы диаграмм, которые обеспечивают лучшую визуализацию данных в пользовательском интерфейсе. Эти диаграммы подразделяются на два типа: круговые и пончиковые.

Круговая диаграмма

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

Чтобы отобразить круговую диаграмму, создайте экземпляр PieSeries и добавьте его в свойство коллекции серии SfCircularChart.

См. следующий код XAML.

<chart:SfCircularChart> <chart:SfCircularChart.Series> <chart:PieSeries ItemsSource="{Binding Data}" XBindingPath="Category" YBindingPath="Value"/> </chart:SfCircularChart.Series> </chart:SfCircularChart>

Кольцевая диаграмма

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

Чтобы отобразить кольцевую диаграмму, создайте экземпляр DoughnutSeries и добавьте его в свойство коллекции Series SfCircularChart. См. следующий код XAML.

<chart:SfCircularChart> <chart:SfCircularChart.Series> <chart:DoughnutSeries ItemsSource="{Binding Data}" XBindingPath="Product" YBindingPath="SalesRate" /> </chart:SfCircularChart.Series> </chart:SfCircularChart>

Теперь давайте рассмотрим 10 основных функций этих круговых диаграмм WinUI:

1. Легенда

Легенда предоставляет дополнительную информацию, которая помогает нам идентифицировать отдельные срезы на круговой диаграмме.

Он поддерживает следующие параметры:

  • Размещение легенды сверху, слева, справа, снизу и внутри области диаграммы.
  • Вертикальная или горизонтальная ориентация.
  • Автоматическое создание пользовательского интерфейса легенды и привязка к базовой модели данных.
  • API для настройки внешнего вида пользовательского интерфейса по умолчанию.
  • Шаблоны элементов легенды.

Вы можете определить легенды в диаграммах WinUI, используя следующий пример кода.

<chart:SfCircularChart> <chart:SfCircularChart.Legend> <chart:ChartLegend /> </chart:SfCircularChart.Legend> </chart:SfChart>

2. Многоуровневая круговая диаграмма

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

См. следующий пример кода XAML.

<chart:SfCircularChart> <chart:SfCircularChart.Series> <chart:DoughnutSeries ItemsSource="{Binding Data}" XBindingPath="Category" YBindingPath="Value1"/> <chart:DoughnutSeries ItemsSource="{Binding Data}" XBindingPath="Category" YBindingPath="Value2"/> <chart:DoughnutSeries ItemsSource="{Binding Data}" XBindingPath="Category" YBindingPath="Value2"/> </chart:SfCircularChart.Series> </chart:SfCircularChart >

3. Полукруглая диаграмма

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

Примечание. Дополнительные сведения см. в документах Полукруглая диаграмма WinUI и Полукруговая диаграмма.

4. Взорванные сегменты

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

5. Группировка небольших точек данных в другие категории

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

В этом сценарии вы можете сгруппировать меньшие сегменты в один сегмент other. Мы можем легко добиться этого, используя свойства GroupTo и GroupMode.

6. Умные метки данных

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

7. Подсказка

Подсказка отображает всплывающее окно с дополнительной информацией при наведении курсора мыши на точку данных.

8. Выбор

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

9. Анимация

Анимированная диаграмма, такая как следующая, привлечет внимание аудитории и направит ее к определенным точкам на графике.

10. Настройка стиля пользовательского интерфейса

Настройка — одна из важных особенностей любого элемента управления визуализацией данных. Вы можете настроить внешний вид круговых диаграмм WinUI, используя встроенные API.

Рекомендации

Дополнительные сведения о круговых диаграммах WinUI см. по следующим ссылкам:

Заключение

Спасибо за прочтение! В этом сообщении блога мы рассмотрели 10 основных функций круговых диаграмм Syncfusion WinUI. Эти типы диаграмм поддерживают и другие функции. Используйте эти яркие функции для элегантного оформления и визуализации точек данных на диаграммах WinUI!

Если вы еще не являетесь клиентом, вы можете попробовать нашу 30-дневную бесплатную пробную версию, чтобы проверить эти функции.

Если вы хотите отправить нам отзыв или задать какие-либо вопросы, пожалуйста, не стесняйтесь публиковать их в разделе комментариев этого сообщения в блоге. Вы также можете связаться с нами через наш форум поддержки, портал обратной связи или портал поддержки. Мы всегда рады Вам помочь!

Связанные блоги

Первоначально опубликовано на https://www.syncfusion.com 15 декабря 2021 г.