如何使 react rechart 图表响应？

Question

我无法使条形图响应。我使用 react recharts 来制作这张图表。我使用了 ResponsiveContainer，但没有用。 我的代码：

<ResponsiveContainer>
    <BarChart width={400} height={600} data={data}>
      <Bar dataKey="delivered" fill="#80dead" />
      <CartesianGrid stroke="#ccc" />
      <XAxis dataKey="name" fontSize="8px" />
      <YAxis dataKey="delivered" />
    </BarChart>
</ResponsiveContainer>

Answer 1

尝试删除宽度和高度或将此道具传递给 ResponsiveContainer