如何解决如何使用ChartJS收紧标签上的字母间距?
我正在尝试使用https://www.npmjs.com/package/chartjs-node-canvas绘制图表,但是标签之间的字母间距很奇怪,而且看起来间距太大。
下面是在浏览器中用chart.js绘制的图表的图,在右边是用chartjs-node-canvas绘制的图表的图。您可以看到标签是唯一真正将其丢弃的东西。
我在Chart.js letter spacing very awkward处发现了类似的问题,但该问题没有答案,因此希望有人能够解决。
我已经尝试直接在节点库中调整canvas.styles.letterSpacing
画布,但是到目前为止还没有奏效。
还有其他想法吗?
解决方法
尝试了无数种不同的尝试之后,我发现问题出在我用来从浏览器版本复制配置的devicePixelRatio
设置中。最初在浏览器版本中将其设置为2
,我从node.js版本中将其删除,现在该图看起来像预期的那样(或至少接近):
在此处进行记录,以防将来有人偶然发现此问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。