【问题标题】:How can I tighten letter spacing on labels with ChartJS?如何使用 ChartJS 收紧标签上的字母间距?
【发布时间】:2020-12-16 22:39:30
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: canvas chart.js node-canvas


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-05-17
      • 1970-01-01
      • 1970-01-01
      • 2011-10-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多