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

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

Как добавить

Добавьте виджет Chart из Base Elements или прямо в дерево виджетов.
В панели свойств установите Chart Type в Pie.
Откройте Chart Data и раскройте [Pie] Chart Data 1.
Выберите Data Source:
- Firestore Documents — укажите список документов в Data, затем поля Legend Labels Field и Section Values Field.
- Numbers Lists — задайте списки Legend Labels и Section Values; число подписей должно совпадать с числом значений.
- Single Value — задайте Section Value и добавляйте по сектору кнопкой Add Data.
В Pie Chart Properties нажмите Add Color в блоке Pie Chart Color. Цветов должно быть не меньше, чем секторов, иначе они сольются.
Размеры графика задаются в Chart Properties — Width и Height.

совет

Данные из Firestore

Для источника Firestore Documents запросите коллекцию прямо на виджете Chart или на вышестоящем виджете — Page либо Column.

Выделите Chart, откройте Chart Data и раскройте Pie Chart Properties:

Pie Chart Radius — общий размер круга.
Section Borders — обводка секторов: Border Color и Border Width.
Pie Chart Colors — цвета секторов. Кнопка Add Color добавляет цвет, значок корзины удаляет.
Width и Height — размеры графика, задаются в Chart Properties.
Show Legend — легенда, сопоставляющая подписи с цветами.
Donut Hole Radius — радиус выреза в центре: так круговая диаграмма превращается в кольцевую.
Donut Hole Color — цвет выреза.
Section Spacing — промежуток между соседними секторами.
Start Angle — угол, с которого начинается первый сектор.
Section Label Type — подписи на секторах: None — без подписей, Value — значения, Percent — доли в процентах. Когда подписи включены, их положение и вид настраиваются в Label Position, Label Format Type и Section Label Style — стиль темы, шрифт, начертание, размер, цвет, выравнивание и тень.

Остальное — фон, легенда, рамка — настраивается общими свойствами графика.