График (Gravity UI Charts)
Статья создана
Обновлена 8 июня 2026 г.
Этот тип чарта служит для отрисовки различных типов графиков с помощью библиотеки @gravity-ui/charts.
Доступные типы визуализаций перечислены в документации.
В данный момент библиотека находится в альфа-версии.
Структура на вкладке Prepare
На этой вкладке описывается конфиг чарта, который описывает параметры компонента библиотеки.
Пример конфига для простой круговой диаграммы:
// an example of a simple pie chart
module.exports = {
series: {
data: [{
type: 'pie',
data: [{
name: 'Apple',
value: 70,
}, {
name: 'Cherry',
value: 30,
}],
}],
},
legend: {enabled: true},
title: {
text: 'SeriesName',
style: {fontSize: '12px', fontWeight: 'normal'},
},
}
Все доступные поля конфига смотрите в документации.
Структура на вкладке Config
Вкладка Config описывает структуру данных для дополнительных возможностей чарта — например таких, как кросс-фильтрация. Общий формат:
module.exports = {
drilldown: {
breadcrumbs: [],
},
events: {
click: [{handler: {type: 'setActionParams'}, scope: 'point'}],
},
}