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. record - текущая отображаемая запись.
3. Атрибуты - Атрибуты, используемые на чертеже.
4. index - индекс обрабатываемой записи.
5. store - хранилище, используемое для диаграммы.

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

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

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

Answer 2

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