График (Gravity UI Charts)

Этот тип чарта служит для отрисовки различных типов графиков с помощью библиотеки @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'}],
    },
}

Примеры

Предыдущая
Следующая