如何使用 ChartJS 收紧标签上的字母间距?

How can I tighten letter spacing on labels with ChartJS?

我正在尝试使用 https://www.npmjs.com/package/chartjs-node-canvas 绘制图表,但标签的字母间距很奇怪,看起来间距太大。

下图左边是在浏览器上用chart.js绘制的图表,右边是用chartjs-node-canvas绘制的图表。你可以看到标签是唯一真正让它消失的东西。

我在这里发现了一个类似的问题 Chart.js letter spacing very awkward 但没有关于该问题的答案,所以希望有人能提供解决方案。

我已经尝试直接在节点库中调整 canvas 的 canvas.styles.letterSpacing,但到目前为止还没有奏效。

还有其他人有任何想法吗?

在尝试了无数不同的事情之后,我发现问题出在我用来从浏览器版本复制配置的 devicePixelRatio 设置中。这最初在浏览器版本中设置为 2,我将其从 node.js 版本中删除,现在图形看起来符合预期(或至少接近):

在此处记录这一点,以防其他人将来偶然发现这个问题。