ChartJS - шрифты растягиваются - PullRequest
0 голосов
/ 02 апреля 2019

Итак, ChartJS растягивает все шрифты в моем графике. Я понимаю, что в некоторых случаях это происходит от загрузки веб-шрифта, но он делает это даже с системным шрифтом, таким как Helvetica или Verdana.

    const options = {
        responsive: true,
        maintainAspectRatio: false,
        legend: {
            display: false
        },
        scales: {
            ticks: {
                beginAtZero: true,
            },
            yAxes: [{
                gridLines: {
                    color: '#eee',
                },
                ticks: {
                    beginAtZero: true
                }
            }],
            xAxes: [{
                gridLines: {
                    color: '#eee',
                },
                barPercentage: 0.8,
                categoryPercentage: 0.5
            }]
        }
    }

Как видите, мои параметры довольно стандартны, и сама диаграмма в настоящее время измеряется с помощью CSS. Мне пришлось использовать !important s в определениях, поскольку диаграмма добавляет свой собственный встроенный стиль для размера.

Это не влияет на соотношение сторон / ширину, поскольку изменение размера диаграммы (путем уменьшения ширины браузера) не влияет на шрифты вообще.

С этим кто-нибудь сталкивался?

...