Saltar al contenido

¿Cómo puedo cambiar la fuente (familia) para las etiquetas en Chart.JS?

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, defaultFontSizey 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

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *