График (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'}],
            },
        }
        

Примеры

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