Chart.js: Legend Label Font Size in Line Charts

Created on 27 Jan 2016  路  4Comments  路  Source: chartjs/Chart.js

Hi,

How can i change the Legend Label Font Size in Line Chart options ?

I can make the legend display or not display via the below option change:

legend:{display: true},

But as soon as I try to change the legend label Font Size it doesn't work, i have tried the following but doesn't work:

legend:{display: true, fontsize:40},
legend:{display: true, labels: {fontsize:40}},
legend:{display: true, _labels_fontSize:40},
legend:{display: true, labels[fontSize:40]},
labels:{fontSize: 40},
legend:{display: true, labels: [fontSize:40]},

Im using Chart.js 2.0.0-beta2

Most helpful comment

I tried
options:{legend:{display: true,labels:{fontSize:30}}}
and it works quite well on a line chart under V2.0-dev

Are you sure you are well in the options ?

ps : maybe care about the case (the S of fontSize should be capsletter)
I don't know if it matters

All 4 comments

Im using Chart.js 2.0.0-beta2

I tried
options:{legend:{display: true,labels:{fontSize:30}}}
and it works quite well on a line chart under V2.0-dev

Are you sure you are well in the options ?

ps : maybe care about the case (the S of fontSize should be capsletter)
I don't know if it matters

@Dergonic ia correct. Font options are under legend.labels see documentation at http://nnnick.github.io/Chart.js/docs-v2/

Many Thanks @Dergonic - That worked a treat :O)

I can see where i went wrong now...forgot 'fontSize' had a capital S !!!

Many Thanks - you have saved me a big head ache

Was this page helpful?
0 / 5 - 0 ratings