我可以在重新图表中增加YAxis标签之间的空间吗?

Question

<ResponsiveContainer width="100%" height="100%">
<BarChart
data={data}
layout="vertical"
margin={{
top: 40, right: 40, bottom: 20, left: 100
}}
>
<CartesianGrid strokeDasharray="1 1" />
<XAxis interval={0} type="number" dataKey="race" />
<YAxis offset={100} type="category" dataKey="name" style={{ fontSize: '12px' }} />
<Tooltip />
<Legend />
<Bar dataKey="race" fill="#4246e7" barSize={100} />
</BarChart>
</ResponsiveContainer>

我想在左边的race之间添加一些空格，但是它不起作用

我试过加边距，但是CSS不适用

输入图片描述

Answer 1

dx={15}表示水平间距，dy={15}表示垂直间距。