g2Plot 分组柱图间距
时间: 2023-06-22 10:39:10 浏览: 147
对于分组柱状图,你可以通过 `marginRatio` 属性来调整柱状图之间的间距大小。具体来说,`marginRatio` 属性用于控制每组柱状图之间的间距大小,取值范围为 0 到 1,默认值为 0.5。例如:
```javascript
import { GroupedColumn } from '@antv/g2plot';
const data = [
{ country: '中国', year: '2019', value: 8 },
{ country: '中国', year: '2020', value: 10 },
{ country: '美国', year: '2019', value: 6 },
{ country: '美国', year: '2020', value: 8 },
];
const groupedColumn = new GroupedColumn('container', {
data,
xField: 'year',
yField: 'value',
seriesField: 'country',
marginRatio: 0.2, // 设置每组柱状图之间的间距为 0.2
});
groupedColumn.render();
```
在上面的代码中,我们将 `marginRatio` 属性设置为 0.2,表示每组柱状图之间的间距为 20%。你可以根据实际情况调整这个值来达到你想要的效果。需要注意的是,`marginRatio` 属性只对分组柱状图有效,对于普通柱状图无效。
阅读全文