如果要让每根type: 'bar'距离上面一根柱状体设距离,可以通过设置barGap属性来实现。
例如,如果要让第二个柱状体与第一个柱状体之间有20%的距离,可以将barGap设置为'20%':
```
series: [
{
name: '排行',
type: 'bar',
barWidth: 10,
data: [10, 20, 30],
},
{
name: '背景',
type: 'bar',
barWidth: 10,
barGap: '20%',
itemStyle: {
color: 'rgba(244, 245, 252, 1)',
barBorderRadius: 2,
},
tooltip: {
show: false
},
data: [0, 0, 0],
},
]
```
在上面的例子中,第二个柱状体与第一个柱状体之间有20%的距离。