Chart.js очень неудобный интервал между буквами

#chart.js

#chart.js

Вопрос:

введите описание изображения здесь

Как показано выше, интервал между буквами в моем 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',
                                },
                            },
                        ],
                    },
                },
            });
  

Интервал между буквами такой большой независимо от того, какой шрифт я использую. Есть ли способ уменьшить его?

Комментарии:

1. Вы пробовали устанавливать fontSize свойство в параметрах, подобных этому xAxes: [{ ticks: { fontSize: 10 } }]

Ответ №1:

Не уверен, что вы решили эту проблему или еще нет, но подумал, что я должен предупредить вас. У меня был похожий вопрос, и я связал его с этим, ответом для меня было удаление devicePixelRatio настройки, которую я установил, но, учитывая, что у вас проблема в версии браузера (я полагаю), вы пробовали настраивать devicePixelRatio = 2 ? Это может быть исправлением для этого.