Skip to content

SChartSegmentedBar ​

Обзор ​

Пропорциональный сегментированный бар с легендой.

Usage ​

API ​

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

Guide ​

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

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

Выбор сегмента через легенду ​

API Reference ​

Свойства ​

ИмяТипОписаниеПо умолчанию
segmentsTChartSlice[]Сегменты пропорционального бара; value выводится тегом внутри сегмента.[]
showLegendbooleanПоказывать легенду под треком.true
loadingbooleanРежим загрузки со скелетоном.false
formatValue(…) => …Форматирование значения сегмента в бейдже.—
selectablebooleanВыбор сегмента кликом по сегменту или элементу легенды (v-model:selectedIndex).false
multiplebooleanМножественный выбор при selectable (v-model:selectedIndexes): невыбранные сегменты приглушаются.false
legendSizeESChartLegendSizeРазмер легенды.'small'
formatTooltip(…) => …Строки тултипа при наведении на сегмент; без функции тултип не показывается.—
modelValue / v-model:selectedIndexnumber | nullДвустороннее значение для v-model:selectedIndex.null
modelValue / v-model:selectedIndexesnumber[]Двустороннее значение для v-model:selectedIndexes.[]

События ​

ИмяОписаниеPayload
segmentClickКлик по сегменту; index — индекс сегмента в segments.number