如何解决如何在不改变条形宽度的情况下最小化条形之间的间隙
假设我有这张图表:
我需要尽量减少条形之间的间隙。
我知道这个 answer,但是如果您提供 barCategoryGap
属性,条形的宽度将会增加。
所以,条形之间不应有间隙(1px 即可),条形宽度应为 10-15px
我尝试更改下一个属性:barCategoryGap,barGap,barSize
但没有任何帮助。
解决方法
我不确定这是否是您想要的,但在玩了一会儿之后,这就是我得到的。我注意到您在 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。