Thread: Display the Value of an Pie Chart (Donut) in the Center?

1. Junior Member
Join Date
May 2016
Posts
11

Display the Value of an Pie Chart (Donut) in the Center?

Hi,

I´ve got a few Pie Charts in my Dashboard which are Formated as Donut charts.
The Problem is that I want to display the value as a percentage in the middle of the Pie Chart Component.

I´ve tried to overlay a different Component which has the same query, to put it in the middle using CSS.
Without success.

Is there a way to solve that Problem?

An Example:
Webdetails Chicago Crime.

greetings,

Tom H.

2. Junior Member
Join Date
May 2016
Posts
11
Solved it on my own....again.

Thanks anyway .

3. Senior Member
Join Date
Feb 2013
Posts
530
Hi,
Could you please tell, how did you do it ?

Few queries .
1) Did you display single slice in donut(pie) or how exactly it was?
2) It is possible to get value as well percentage of slice on hovering in middle of donut ?

I am trying this one . http://jsfiddle.net/duarteleao/mx4pr55t/

Thank you in advance for any inputs.

4. Senior Member
Join Date
Apr 2010
Posts
149
Hi Tom,
could you share the solution?
I have the same need...
Thank you very much!

5. Senior Member
Join Date
Apr 2010
Posts
149
...done.
thanks

6. Junior Member
Join Date
Sep 2016
Posts
15
Hi people.

Could you show as you did?

Thanks.

7. Junior Member
Join Date
Oct 2016
Posts
1
Hi Tom,

Can you please share the solution, am in need of same solution how to do that

8. Senior Member
Join Date
Mar 2012
Posts
645
The solution posted by sadakar seems to solve the problem: http://jsfiddle.net/duarteleao/mx4pr55t/

9. Junior Member
Join Date
Jul 2017
Posts
1
Hello, is it possible to always display the percent value of the first column?

Look at this picture:

The values of the first 3 columns is 0 while the fourth is not. With the example in the jfiddle above in this case I have 100% displayed in the center of the pie but I would like to have the value of the first column every time (in this case it would be "0"). Is it possible?