CODEWITHSUNDEEP
cssvue.jsvuejs2chart.jsvue-chartjs
Hanyi Koh
Hanyi Koh

Reputation: 337

Changing Legend Label Position in VueChartjs

I am currently working on a project on laravel with vue managing the frontend and I am doing a piechart with vuechartjs and below is the one that I made:

enter image description here

However, I would like to ask is it possible to move the legend labels down and position them as below?

enter image description here

Thanks in Advance

Upvotes: 0

Views: 887

Answers (1)

LeeLenalee
LeeLenalee

Reputation: 31331

Yes, if you just want them below the doughnut you can put position: 'bottom' in the legend config, if you also want it looking like you have in your screenshot you will need a html legend

Upvotes: 1

Related Questions