This is a migrated thread and some comments may be shown as answers.

Donut Chart Explosion Distance & General Issues

6 Answers 119 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Ceyhun
Top achievements
Rank 1
Ceyhun asked on 03 Jul 2014, 08:27 AM
Hello,

I have the following donut chart created by the latest build. (First image)
And it is my aim to create the given chart. (second image)

My questions are;

-Are there an option to change the distance of explosion?
-Is it possible to convert the label ": - %30" to only "%30" ?
-Is it possible to put a small circle behind those labels as in second image?

Thanks and hope to hear back from you asap!

6 Answers, 1 is accepted

Sort by
0
Ceyhun
Top achievements
Rank 1
answered on 03 Jul 2014, 08:28 AM
the order of my attachments are wrong;
first image is second, and second is first :)
0
Ceyhun
Top achievements
Rank 1
answered on 03 Jul 2014, 08:30 AM
Another question;

Is it possible to convert radius R of the red section to radius r? (attached image)
0
Iliana Nikolova
Telerik team
answered on 07 Jul 2014, 07:23 AM
Hello Ceyhun,

Straight to the questions
Are there an option to change the distance of explosion?
This requirement is not supported and there is no a suitable workaround I can suggest;
- Is it possible to convert the label ": - %30" to only "%30" ?
You can customize the chart labels usingseries.labels.template;
Is it possible to put a small circle behind those labels as in second image?
This requirement is also not supported, however you can set background to the labels (example);
- Is it possible to convert radius R of the red section to radius r? 
I am not quite sure if I understand this requirement correctly - could you please elaborate a bit more?

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Ceyhun
Top achievements
Rank 1
answered on 09 Jul 2014, 01:30 PM
Thanks for quick answers, my last question was regarding changing of the radius of one data set in donut.

I need to have the green part envelop the red part in size, having larger radius that the red section of the donut. 
Can I change the radius of the series seperately?
0
Ceyhun
Top achievements
Rank 1
answered on 10 Jul 2014, 12:27 PM
How about this? Can I have the following image?

I like the mouse hover tool tips, can I put them there indefinitely whether you hover or not?
Can I force chart to achieve this?

Thanks :3
0
Iliana Nikolova
Telerik team
answered on 11 Jul 2014, 08:42 AM
Hi Ceyhun,

Thank you for the details. Up to the requirements
Can I change the radius of the series seperately?
This requirement is not supported and there is no a suitable workaround I can suggest. Please accept my apologies for any inconvenience this may cause.
I like the mouse hover tool tips, can I put them there indefinitely whether you hover or not?
This requirement is also not supported by Kendo UI Donut Chart. As a possible workaround I would suggest to display series.labels and use the configuration options to change their appearance. For your convenience I prepared a basic example which demonstrates a possible implementation.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
Ceyhun
Top achievements
Rank 1
Answers by
Ceyhun
Top achievements
Rank 1
Iliana Nikolova
Telerik team
Share this question
or