Ticks回调不显示包含小数的字符串

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

我试图在水平堆积条形图上仅对某些刻度显示成千上万的格式化字符串。

请参见第18行(有效):https://stackblitz.com/edit/angular-sl5pqg

如果将行更改为const actualAmount = 12500000;,我希望在我要显示的第一个刻度线上显示“ $ 12.5M”,但它会变成空白。

有人可以让我知道我在做什么错吗?

非常感谢!

chart.js
1个回答
0
投票

您的代码看起来不错。该问题必须与点标签fontSize有关,该标签阻止Chart.js绘制彼此靠近的两个标签。我可以看到针对此问题的两种解决方案。

fontSize减少到12或更小:

ticks: {
    ...
    fontSize: 12,

定义大于默认值maxTicksLimit11

ticks: {
    ... 
    maxTicksLimit: 100, 
© www.soinside.com 2019 - 2024. All rights reserved.