Тема
SChartScatter
Обзор
Точечная диаграмма по датам с линиями-ориентирами.
Usage
API
Краткий справочник props, slots и events — см. API Reference.
Guide
Тултип и клик по точке
Цвет точки задаёт категория (categories), горизонтальные линии — referenceLines. Ховер по точке приглушает остальные точки, ховер по легенде — всё, кроме своей категории или линии. formatTooltip(point, index) получает саму точку и её индекс в points и задаёт строки тултипа, клик по точке — событие pointClick.
Состояние загрузки
API Reference
Свойства
| Имя | Тип | Описание | По умолчанию |
|---|---|---|---|
points | TChartScatterPoint[] | Точки графика. | [] |
categories | TChartScatterCategory[] | Категории точек: цвет и подпись в легенде. | [] |
referenceLines | TChartScatterReferenceLine[] | Горизонтальные линии-ориентиры. | [] |
xMin | string | Начало оси X (ISO-дата); по умолчанию — самая ранняя точка. | — |
xMax | string | Конец оси X (ISO-дата); по умолчанию — самая поздняя точка. | — |
xTicks | string[] | Даты делений оси X (ISO); без них деления расставляет Chart.js. | — |
formatXTick | (…) => … | Подпись деления оси X; \n — перенос строки. | — |
yMax | number | Верхняя граница оси Y; по умолчанию — по максимуму точек и линий. | — |
yStep | number | Шаг делений оси Y. | — |
mirrorYAxis | boolean | Дублировать шкалу оси Y справа. | false |
formatTooltip | (…) => … | Строки тултипа точки; index — индекс в points. Без функции тултип не показывается. | — |
loading | boolean | Режим загрузки со скелетоном. | false |
События
| Имя | Описание | Payload |
|---|---|---|
pointClick | Клик по точке; index — индекс в points. | number |