Тема
Паттерн: графики
Chart-компоненты построены на Chart.js и используют tokens для палитры.
| Компонент | Тип |
|---|---|
| SChartLine | Line |
| SChartProgress | Progress line |
| SChartStackedArea | Stacked area |
| SChartBar | Bar / grouped |
| SChartStackedBar | Stacked bar |
| SChartHorizontalBar | Horizontal bar |
| SChartScatter | Scatter |
| SChartPie | Pie / donut |
| SChartMultiLine | Multi-line |
| SChartBurnup | Burn-up |
Свой тултип
formatTooltip возвращает строки тултипа и полностью заменяет стандартное содержимое: заголовок, строки серий, сумму. Пропсы, которые форматируют стандартный тултип (formatValue в SChartMultiLine, totalLabel в SChartStackedArea), при заданном formatTooltip в тултипе не участвуют. Сигнатура зависит от того, чем адресуется точка:
| Компонент | Сигнатура formatTooltip |
|---|---|
| SChartStackedArea, SChartMultiLine, SChartHorizontalBar | (index: number) => string[] — индекс точки по оси категорий |
| SChartBar | (pointIndex: number, seriesIndex: number) => string[] |
| SChartScatter | (point: TChartScatterPoint, index: number) => string[] — индекс в points |
Skeleton
Все chart-компоненты поддерживают skeleton-состояние для загрузки данных.