Тема
SChartHorizontalBar
Обзор
Горизонтальная столбчатая диаграмма.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Состояние загрузки
Длинные подписи
Подписи значений, шкала сверху и свой тултип
showValues подписывает значение справа от столбика, formatValue и formatXTick форматируют подписи и деления, mirrorXAxis дублирует шкалу сверху, barThickness задаёт толщину столбика. formatTooltip(index) возвращает строки тултипа вместо стандартных.
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
items | TChartHorizontalBarItem[] | Элементы горизонтальной диаграммы. | [] |
loading | boolean | Режим загрузки со скелетоном. | false |
xMin | number | Нижняя граница оси X. | — |
xMax | number | Верхняя граница оси X. | — |
xStep | number | Шаг делений оси X. | — |
barThickness | number | Толщина столбика в px. | — |
mirrorXAxis | boolean | Дублировать шкалу оси X сверху. | false |
showValues | boolean | Подписывать значение справа от каждого столбика. | false |
formatValue | (…) => … | Форматирование подписи значения. | — |
formatXTick | (…) => … | Форматирование делений оси X. | — |
formatTooltip | (…) => … | Строки тултипа по индексу столбика; заменяют стандартные заголовок и значение. | — |
События
| Имя | Описание | Payload |
|---|---|---|
barClick | Клик по бару. | number |