如何在不改变条形宽度的情况下最小化条形之间的间隙

问题描述

假设我有这张图表：

我需要尽量减少条形之间的间隙。

我知道这个 answer，但是如果您提供 barCategoryGap 属性，条形的宽度将会增加。

你需要以这样的方式结束：

所以，条形之间不应有间隙（1px 即可），条形宽度应为 10-15px

我尝试更改下一个属性：barCategoryGap,barGap,barSize 但没有任何帮助。

Sandbox

解决方法

我不确定这是否是您想要的，但在玩了一会儿之后，这就是我得到的。我注意到您在 barSize 组件中有 <Bar> 道具。 到目前为止我得到了什么。

<div>
  <ResponsiveContainer width="100%" height="100%">
   <BarChart data={data} barGap="1%">
     <CartesianGrid strokeDasharray="3 3" />
     <XAxis dataKey="name" />
     <YAxis />
     <Tooltip />
     <Legend />
     <Bar dataKey="pv" fill="#8884d8" />
   </BarChart>
  </ResponsiveContainer>
</div>