Chart.js字母间距非常笨拙

如上所示，my Chart.js中的字母间距非常大。我不知道为什么会这样-这是我的配置：

var myLineChart = new Chart(ctx, {
                type: 'line',
                data: lineChartData,
                options: {
                    responsive: true,
                    scales: {
                        yAxes: [
                            {
                                gridLines: {
                                    color: '#354657',
                                },
                                ticks: {
                                    fontFamily: 'Open Sans',
                                },
                            },
                        ],
                        xAxes: [
                            {
                                gridLines: {
                                    color: '#354657',
                                },
                                ticks: {
                                    fontFamily: 'Open Sans',
                                },
                            },
                        ],
                    },
                },
            });

---

不管我用什么字体，字母间距都是这么大。有什么方法可以减少它吗？

不确定你是否已经解决了这个问题，但我想我会给你一个提示。我有一个类似的问题并将其与此联系起来，我的答案是删除我设置的

devicePixelRatio

设置，但考虑到浏览器版本（我想）中存在问题，您是否尝试过设置

devicePixelRatio=2

？这可能是解决此问题的方法。

不确定您是否已解决此问题，但我想我会给您一个提示。我有一个类似的问题并将其与此联系起来，我的答案是删除我设置的

devicePixelRatio

设置，但考虑到浏览器版本（我想）中存在问题，您是否尝试过设置

devicePixelRatio=2

？这可能是解决此问题的方法。

您是否尝试过在选项中设置

fontSize

属性，如

xAxes:[{ticks:{fontSize:10}]

您是否尝试过在选项中设置

fontSize

属性，如

xAxes:[{滴答声：{fontSize:10}}]