Тема
SChartSegmentedBar
Обзор
Пропорциональный сегментированный бар с легендой.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Состояние загрузки
Форматирование значений
Выбор сегмента через легенду
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
segments | TChartSlice[] | Сегменты пропорционального бара; value выводится тегом внутри сегмента. | [] |
showLegend | boolean | Показывать легенду под треком. | true |
loading | boolean | Режим загрузки со скелетоном. | false |
formatValue | (…) => … | Форматирование значения сегмента в бейдже. | — |
selectable | boolean | Выбор сегмента кликом по сегменту или элементу легенды (v-model:selectedIndex). | false |
multiple | boolean | Множественный выбор при selectable (v-model:selectedIndexes): невыбранные сегменты приглушаются. | false |
legendSize | ESChartLegendSize | Размер легенды. | 'small' |
formatTooltip | (…) => … | Строки тултипа при наведении на сегмент; без функции тултип не показывается. | — |
modelValue / v-model:selectedIndex | number | null | Двустороннее значение для v-model:selectedIndex. | null |
modelValue / v-model:selectedIndexes | number[] | Двустороннее значение для v-model:selectedIndexes. | [] |
События
| Имя | Описание | Payload |
|---|---|---|
segmentClick | Клик по сегменту; index — индекс сегмента в segments. | number |