在 Recharts 条形图中管理标签和标签空间的正确方法

时间:2021-03-02 11:21:48

标签: javascript html css reactjs recharts

我在 React.JS 中使用 recharts (https://recharts.org/) 1.8.5 我成功制作了条形图,条形下方带有标签。

但我想知道如何解决这个问题,如屏幕截图 #1 screenshot to present an issue(当屏幕宽度变小时,每个标签的空间,因此标签溢出,这看起来很糟糕)

我还尝试在每个标签后留下一个标签,所以看起来更像 screenshot #2 screenshot to present how I overcame this issue at the moment which I would like to implement more responsively

我真正想要的是显示所有标签,当完全绘制的空间较少时,我会在末尾添加带点的文本(JAN...,FE...)

0 个答案:

没有答案