Как я могу динамически увеличить интервал между столбцами в гистограмме?

Question

Мне необходимо динамически увеличить интервал между столбцовыми диаграммами в зависимости от нажатия кнопки.

Например:

До

После

Я попытался сделать это, добавив некоторые функции в средство визуализации стилей

                style: {
                    //WORKS HERE
                    //minGapWidth: 0,

                    renderer: function(sprite, record, attr, index, store) {
                        //Determine if bar is even
                        if (index%2 != 0) {
                            var color = '#ef0'; //yellow

                            return Ext.apply(record, {
                                fill: color,
                                width: 50,
                                minGapWidth: 10
                            });
                        } else {                              
                            return Ext.apply(record, {
                                width: 50,
                                minGapWidth: 0
                            });
                        }

minGapWidth, кажется, делает то, что я хочу в базовом стиле, но не работает в функции рендерера. Есть ли другое свойство, которое я должен пытаться изменить? Или я иду по этому пути совершенно неправильно?

Спасибо!

Ext JS 6.2.0