I'm trying to set up Recharts to display a vertical stacked barchart with some gap between the bars, but I'm not able to set any gap.
This is how my code looks like.
<ResponsiveContainer height={23} width={'100%'}>
<BarChart
data={data}
layout={'vertical'}
barGap={10}
margin={{ top: 0, right: 0, bottom: 0, left: 0 }}
>
<XAxis type={'number'}
hide
domain={['dataMin', 'dataMax']}
/>
<YAxis dataKey="axis"
type={'category'}
axisLine={false}
tickLine={false}
hide
/>
{
keys.map((key: string, index: number) => (
<Bar key={key}
stackId={'stack'}
dataKey={key}
fill={colors[key]}
/>
))
}
</BarChart>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…