Итак, 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 в определениях, поскольку диаграмма добавляет свой собственный встроенный стиль для размера.
Это не влияет на соотношение сторон / ширину, поскольку изменение размера диаграммы (путем уменьшения ширины браузера) не влияет на шрифты вообще.
С этим кто-нибудь сталкивался?