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

This should be useful: http://www.chartjs.org/docs/. It says "There are 4 special global settings that can change all of the fonts on the chart. These options are in Chart.defaults.global".

You'll need to change defaultFontFamily for the font. And defaultFontColor, defaultFontSize, and defaultFontStyle for color, size, etc.