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

问题描述

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

下面是在浏览器中用chart.js绘制的图表的图,在右边是用chartjs-node-canvas绘制的图表的图。您可以看到标签是唯一真正将其丢弃的东西。

我在Chart.js letter spacing very awkward处发现了类似的问题,但该问题没有答案,因此希望有人能够解决

left chart browser drawn,right chart chartjs node canvas drawn

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

还有其他想法吗?

解决方法

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

corrected chart

在此处进行记录,以防将来有人偶然发现此问题。