Проблемы с достижением расстояния между сложенными барными диаграммами в реагировании с Recharts ⇐ CSS

[Anonymous]

Я могу разработать складированную барную карту, но я не уверен, как оставить пространство 10px между двумя вертикальными складывающимися диаграммами. Можете ли вы сообщить мне, как это исправить.import { Bar, BarChart, CartesianGrid, Legend, Tooltip, XAxis, YAxis } from 'recharts';
import './style.css';

const data = [
{
name: 'Page A',
uv: 4000,
pv: 400,
amt: 2400,
},
{
name: 'Page B',
uv: 3000,
pv: 1398,
amt: 2210,
},
{
name: 'Page C',
uv: 2000,
pv: 9800,
amt: 2290,
},
{
name: 'Page D',
uv: 2780,
pv: 3908,
amt: 2000,
},
{
name: 'Page E',
uv: 1890,
pv: 4800,
amt: 2181,
},
{
name: 'Page F',
uv: 2390,
pv: 3800,
amt: 2500,
},
{
name: 'Page G',
uv: 3490,
pv: 4300,
amt: 2100,
},
];

export default function App() {
return (









);
}


Подробнее здесь: https://stackoverflow.com/questions/780 ... h-recharts