Open Vruttant opened 3 years ago
This response might be kinda late since I just recently got into ChartJS, my apologies.
I kinda had the same problem and was searching for a solution around here. At the end, I have found a solution.
I solved this by adding a negative padding on the Title (which puts the Title of the chart in the center), maybe this works for you as well.
Example:
CutoutPercentage = 95,
and
Title = new OptionsTitle { Display = true, Text = "title", Padding = -130, FontSize = 40, }
Cheers
Hey, thanks for your reply! I actually asked this when I was interning at a company last year haha. Good to know that you were able to solve it. As far as I remember I had used CSS (absolute) positioning to center a regular span tag over the component. That worked since our app's usage was limited to laptop devices.
Describe your question
How do you add text at the center of a doughnut chart?
Which Blazor project type is your question related to?
Which charts is this question related to?
JavaScript equivalent
Additional context
https://jsfiddle.net/cmyker/ooxdL2vj/