ExtJS - столбчатая диаграмма с накоплением

Question

Как сместить элементы в столбчатой ​​диаграмме с накоплением для любого данного бара?

Bar 1: 4 items (150,290,200,50)
Bar 2: only 2 items (--, --, 240,45)

Я хочу запустить элемент со значением 240 с заданным смещением, а не с 0 (например: я хочу запустить его с 600 и показать 240 оттуда). От 0 до 600 это будет пробел / пробел.

Я могу опубликовать мой пример кода, если это поможет.

Спасибо.

Answer 1

Нет прямых настроек для этого. Вам придется переопределить рендерер и предоставить свой собственный стиль для достижения эффекта смещения. Ext.chart.series.Series есть renderer метод.

Метод принимает пять параметров:

1. sprite - класс со всей информацией о спрайтах.
2. запись - текущая запись отображается.
3. Атрибуты - Атрибуты, используемые на чертеже.
4. index - индекс обрабатываемой записи.
5. store - магазин, используемый для графика.

Вы должны проверить, содержит ли ваша запись нулевое значение. Если это так, вам нужно изменить атрибуты объекта с соответствующими значениями и вернуть его обратно. Вы можете просмотреть метод визуализации по умолчанию из исходного кода.

renderer: function(sprite,record,attributes,index,store) {
    //Modify the attributes object according to your needs 
    return attributes;
},

Но я не мог придумать правильную логику для изменения значений чертежа, хранящихся в классе атрибутов.

Answer 2

Аргумент записи функции рендерера сообщает вам, какая запись визуализируется.