Тема
SChartBar
Обзор
Столбчатый график: один столбик на категорию или группа столбиков, вторая шкала и линия цели.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Состояние загрузки
Цвет на категорию
Две шкалы и ступенчатая цель
Отрицательные столбики
Постоянная цель с подписью
Подписи значений над столбиками
Узкие столбики и свой тултип
maxBarThickness ограничивает ширину столбика, когда категорий мало. formatTooltip(pointIndex, seriesIndex) возвращает строки тултипа вместо стандартных заголовка и значения; в отличие от линейных графиков, функция получает и индекс серии.
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
series | TChartBarSeries[] | Серии столбиков. | [] |
mode | TChartBarMode | single — один столбик на категорию, grouped — серии рядом внутри категории, histogram — один ряд широких столбиков без оси Y и сетки. | 'grouped' |
loading | boolean | Режим загрузки со скелетоном. | false |
yMax | number | Верхняя граница левой оси Y. | — |
yMin | number | Нижняя граница левой оси Y; по умолчанию — от минимального отрицательного значения или ноль. | — |
yStep | number | Шаг делений левой оси Y. | — |
rightYMax | number | Верхняя граница правой оси Y. | — |
rightYStep | number | Шаг делений правой оси Y. | — |
mirrorYAxis | boolean | Дублировать подписи левой оси справа. Игнорируется, если есть серии на правой оси. | false |
target | TChartBarTarget | Горизонтальная линия цели поверх столбиков. | — |
showLegend | boolean | Показывать легенду под графиком. | true |
showValues | boolean | Подписывать значение над каждым столбиком (под столбиком — для отрицательных). | false |
formatValue | (…) => … | Форматирование значения в подписи над столбиком. | — |
formatYTick | (…) => … | Форматирование подписей оси Y. | — |
categories | TChartBarCategory[] | Категории столбиков: легенда показывает их вместо серий и подсвечивает столбики категории. | [] |
highlightedYTick | TChartHighlightedTick | Выделенное деление оси Y (например, цель): подпись окрашивается на обеих осях. | — |
legendSize | ESChartLegendSize | Размер легенды. | — |
maxBarThickness | number | Максимальная ширина столбика в px: узкие столбики, когда категорий мало. | — |
formatTooltip | (…) => … | Строки тултипа по индексу точки и серии; заменяют стандартные заголовок и значение. | — |
События
| Имя | Описание | Payload |
|---|---|---|
pointClick | Клик по столбику: индекс точки × индекс серии. | number |