如何绘制柱形图，柱间没有空格

Question

我有一个柱形图，但我的要求是显示分组在一起的列，中间没有任何空格。我们怎样才能做到这一点？

我使用的是 EXT JS 5。在 EXT JS 4 中，它与属性 groupGutter 一起工作正常。但这在 EXT JS 5 中不可用

在 EXT JS 4 中，我可以使用以下参考。http://www.sencha.com/forum/showthread.php?232150-How-to-draw-column-charts-without-any-space-between-columns。但这在 EXT JS 5 中不可用

有没有其他的解决方案..？

提前致谢。

Answer 1

您可以使用minGapWidth 样式来控制条/列之间的距离：

series: {
    type: 'bar',
    style: {
        minGapWidth: 0
    },
    ...
}

http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.chart.series.sprite.Bar-cfg-minGapWidth