在ExtJS 4柱形图中设置最大条形宽度？

Question

我有一个250px宽的柱状图，当该系列中有10多个项目时，它看起来很棒，但是当只有2-3个项目时，条形图确实很宽，看起来有些奇怪。

   _____
  |     |
  |     |
-----|-----

我可以在系列配置中设置宽度：

{
  style: { width: 25 }
}

这可行，但是较细的条仍与先前位置左对齐，因此它们与轴刻度和标签不匹配。

像这样：

   _
  | |
  | |
-----|-----

我不想更改轴间距，我想以宽间隔的25像素条形（正确位于轴刻度线居中）结束：

     _
    | |
    | |
-----|-----

有任何想法吗？

Answer 1

renderer: function(sprite, record, attr, index, store) {                    

    return Ext.apply(attr, {
        fill: color,
        width: 50,
        x: Math.max(attr.x, attr.x + (attr.width - 50) / 2)
    });
}