请问如何改变分组柱形图的不同分组之间的间距？目前分组间默认有间距，想要将间距设为0

[PineSongCN]

请问如何改变分组柱形图的不同分组之间的间距？目前分组间默认有间距，想要将间距设为0
https://g2.antv.antgroup.com/examples/general/interval#bar-basic-grouped

[wanghui2021]

使用 transform({ type: 'dodgeX',padding: 0 })即可实现
参考文档： https://g2.antv.antgroup.com/manual/core/transform/dodge-x

import { Chart } from '@antv/g2';

const data = [
  { name: 'London', 月份: 'Jan.', 月均降雨量: 18.9 },
  { name: 'London', 月份: 'Feb.', 月均降雨量: 28.8 },
  { name: 'London', 月份: 'Mar.', 月均降雨量: 39.3 },
  { name: 'London', 月份: 'Apr.', 月均降雨量: 81.4 },
  { name: 'London', 月份: 'May', 月均降雨量: 47 },
  { name: 'London', 月份: 'Jun.', 月均降雨量: 20.3 },
  { name: 'London', 月份: 'Jul.', 月均降雨量: 24 },
  { name: 'London', 月份: 'Aug.', 月均降雨量: 35.6 },
  { name: 'Berlin', 月份: 'Jan.', 月均降雨量: 12.4 },
  { name: 'Berlin', 月份: 'Feb.', 月均降雨量: 23.2 },
  { name: 'Berlin', 月份: 'Mar.', 月均降雨量: 34.5 },
  { name: 'Berlin', 月份: 'Apr.', 月均降雨量: 99.7 },
  { name: 'Berlin', 月份: 'May', 月均降雨量: 52.6 },
  { name: 'Berlin', 月份: 'Jun.', 月均降雨量: 35.5 },
  { name: 'Berlin', 月份: 'Jul.', 月均降雨量: 37.4 },
  { name: 'Berlin', 月份: 'Aug.', 月均降雨量: 42.4 },
];

const chart = new Chart({
  container: 'container',
  autoFit: true,
});

chart
  .interval()
  .data(data)
  .encode('x', '月份')
  .encode('y', '月均降雨量')
  .encode('color', 'name')
  .transform({ type: 'dodgeX',padding: 0 }) 
  .interaction('elementHighlight', { background: true });

chart.render();

[PineSongCN]

感谢，这个是可以消除默认的间距，就是和maxWidth冲突了，设置了maxWidth，就还是不行。

[hustcc]

既然设置了 maxWidth，那肯定最终兜底要执行 maxWidth 逻辑的，你两个都设置，期望是啥样子的？

[PineSongCN]

既然设置了 maxWidth，那肯定最终兜底要执行 maxWidth 逻辑的，你两个都设置，期望是啥样子的？

谢谢，那就不设置 maxWidth了，本来以为的是会0间距居中对齐，增加x之间的间距。

[PineSongCN]

既然设置了 maxWidth，那肯定最终兜底要执行 maxWidth 逻辑的，你两个都设置，期望是啥样子的？
如图，内容少的时候，展示有点怪。