Chart.js字母间距非常尴尬

Question

如上所示，我的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',
                                },
                            },
                        ],
                    },
                },
            });

无论我使用哪种字体，字母间距都很大。有减少它的方法吗？

Answer 1

不确定您是否已解决此问题，但以为我会提醒您。我有一个类似的问题，并将其链接到此问题，对我来说，答案是删除我已设置的devicePixelRatio设置，但是鉴于浏览器版本中的问题（我想），您是否尝试设置{{ 1}}？也许可以解决这个问题。