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

Question

我有一个 250 像素宽的柱形图，当系列中有 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)
    });
}