How can I change the font (family) for the labels in Chart.JS?

Question

I want to change the font to something snazzier in my Chart.JS horizontal bar chart. I\'ve tried the following, but none of it works:

var optionsBar = {
             


        

Answer 1

Change font size,color,family and weight using 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'}}]
        }

See Full code