Chart.js 从 v2 迁移到 v4:勾选“标签”填充的行为不同,如何实现相同的布局?

问题描述 投票:0回答:0

我正在尝试将 Chart.js 从 v2 迁移到 v4。但我面临着刻度标签的填充/位置问题。

有人知道如何才能达到与 v2 相同的结果吗? 我还尝试了一些带有 labelBackdrop 的 hacky 东西,但这也不起作用。


Chart.js v2

图表看起来像这样(刻度线有“填充:-20”,要插入)。

Edit blue-rain-52lpqr


Chart.js v4

当使用具有相同选项的 v4 时,我的图表如下所示,并且刻度标签被隐藏。

当执行“padding: 20”时,整个图表会像这样“填充”:

“padding: 0”会导致标签周围没有填充。

Edit crazy-kate-zr9jnc


chart.js react-chartjs-2
© www.soinside.com 2019 - 2024. All rights reserved.