Si encuentras alguna incompatibilidad en tu código o proyecto, recuerda probar siempre en un ambiente de testing antes subir el código al trabajo final.
Solución:
Esto debería ser útil: http://www.chartjs.org/docs/. Dice “Hay 4 configuraciones globales especiales que pueden cambiar todas las fuentes en el gráfico. Estas opciones están en Chart.defaults.global
“.
tendrás que cambiar defaultFontFamily
para la fuente Y defaultFontColor
, defaultFontSize
y defaultFontStyle
por color, tamaño, etc.
Cambie el tamaño de fuente, el color, la familia y el peso usando chart.js
scales:
yAxes: [ticks: fontSize: 12, fontFamily: "'Roboto', sans-serif", fontColor: '#000', fontStyle: '500'],
xAxes: [ticks: fontSize: 12, fontFamily: "'Roboto', sans-serif", fontColor: '#000', fontStyle: '500']
Ver el código completo
Chart.js
Si desea agregar la familia de fuentes al objeto de gráfico, puede agregarlo en el objeto de opciones.
options:
legend:
labels:
fontFamily: 'YourFont'
...
Aquí hay un enlace a los documentos: https://www.chartjs.org/docs/latest/general/fonts.html