Skip to content

SChartPie ​

Обзор ​

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

Usage ​

API ​

Краткий справочник props, slots и events — см. API Reference.

Guide ​

Состояние загрузки ​

Несколько сегментов ​

Без легенды ​

Форматирование значений ​

Без бейджей на секторах ​

Легенда-список и содержимое в центре ​

API Reference ​

Свойства ​

ИмяТипОписаниеПо умолчанию
slicesTChartSlice[]Секторы круговой диаграммы.[]
loadingbooleanРежим загрузки со скелетоном.false
showLegendbooleanПоказывать легенду рядом с диаграммой.true
legendViewESChartPieLegendViewВид легенды.'compact'
formatValue(…) => …Форматирование значения сектора в бейдже, тултипе и колонке значения списка.—
showBadgesbooleanПоказывать бейджи со значениями на секторах.true
formatBadge(…) => …Форматирование бейджа на секторе; по умолчанию — как formatValue.—
legendLimitnumberСколько строк списка-легенды показывать до кнопки «показать остальные».—

События ​

ИмяОписаниеPayload
sliceClickКлик по сектору (или строке списка-легенды).number

Слоты ​

ИмяОписание
centerСодержимое в центре кольца.
legend-labelПодпись строки списка (например аватар и имя); по умолчанию slice.label
legend-toggleТекст кнопки, раскрывающей строки сверх legendLimit; по умолчанию +N / −