1

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

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

我在这里发现了一个类似的问题Chart.js 字母间距非常尴尬,但没有关于该问题的答案,所以希望有人有解决方案。

绘制左侧图表浏览器,绘制右侧图表 chartjs 节点画布

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

还有其他人有什么想法吗?

4

1 回答 1

2

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

修正图表

在这里记录一下,以防其他人将来偶然发现这个问题或问题。

于 2020-08-28T04:10:45.177 回答