Тема
SChartPie
Обзор
Круговая диаграмма.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Состояние загрузки
Несколько сегментов
Без легенды
Форматирование значений
Без бейджей на секторах
Легенда-список и содержимое в центре
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
slices | TChartSlice[] | Секторы круговой диаграммы. | [] |
loading | boolean | Режим загрузки со скелетоном. | false |
showLegend | boolean | Показывать легенду рядом с диаграммой. | true |
legendView | ESChartPieLegendView | Вид легенды. | 'compact' |
formatValue | (…) => … | Форматирование значения сектора в бейдже, тултипе и колонке значения списка. | — |
showBadges | boolean | Показывать бейджи со значениями на секторах. | true |
formatBadge | (…) => … | Форматирование бейджа на секторе; по умолчанию — как formatValue. | — |
legendLimit | number | Сколько строк списка-легенды показывать до кнопки «показать остальные». | — |
События
| Имя | Описание | Payload |
|---|---|---|
sliceClick | Клик по сектору (или строке списка-легенды). | number |
Слоты
| Имя | Описание |
|---|---|
center | Содержимое в центре кольца. |
legend-label | Подпись строки списка (например аватар и имя); по умолчанию slice.label |
legend-toggle | Текст кнопки, раскрывающей строки сверх legendLimit; по умолчанию +N / − |