Тема
SChartMultiLine
Обзор
Линейный график с несколькими независимыми (не стекуемыми) сериями: зеркальная ось Y, заливка и пунктир серий, отрицательные значения.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Состояние загрузки
Заливка, пунктир и отрицательные значения
Без легенды
Своя высота области графика
Свой тултип
formatTooltip(index) возвращает строки тултипа и заменяет стандартные заголовок (подпись точки) и строки серий — например, чтобы добавить производное значение, которого нет среди линий. formatValue к этим строкам не применяется: форматируйте значения внутри formatTooltip.
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
series | TChartSeries[] | Независимые (не стекуемые) серии графика. | [] |
loading | boolean | Режим загрузки со скелетоном. | false |
yMax | number | Верхняя граница оси Y. | — |
yMin | number | Нижняя граница оси Y; по умолчанию — от минимального отрицательного значения или ноль. | — |
yStep | number | Шаг делений оси Y. | — |
mirrorYAxis | boolean | Дублировать подписи оси Y справа. | true |
straightSegments | boolean | Прямые сегменты вместо сглаживания и видимые точки-маркеры. | false |
zeroLine | boolean | Пунктирная линия на нуле, когда значения уходят в минус. | false |
dangerBelowZero | boolean | Заливка зоны ниже нуля у первой серии цветом опасности. | false |
markers | TChartMarker[] | Маркеры точек первой серии с подписями. | [] |
showLegend | boolean | Показывать легенду под графиком. | true |
height | number | string | Высота области графика: число в px или CSS-значение; по умолчанию 420px. | — |
thinLines | boolean | Тонкие линии серий (1.5px) вместо стандартных. | false |
verticalGrid | boolean | Вертикальные линии сетки на каждой точке оси X. | false |
xAxisOffset | boolean | Отступ по краям оси X: точки стоят в центре своих интервалов, как столбики. | false |
highlightedYTick | TChartHighlightedTick | Выделенное деление оси Y (например, цель): подпись окрашивается на обеих осях. | — |
formatYTick | (…) => … | Форматирование подписей оси Y. | — |
formatValue | (…) => … | Форматирование значений в тултипе. | — |
formatTooltip | (…) => … | Строки тултипа по индексу точки; заменяют стандартные заголовок и строки серий, formatValue в тултипе не применяется. | — |
События
| Имя | Описание | Payload |
|---|---|---|
seriesClick | Клик по серии. | number |
pointClick | Клик по точке: индекс точки по оси X × индекс ближайшей серии. | number |