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

Donut chart animation

1 Answer 198 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Veteran
Ron asked on 21 Jan 2019, 05:54 PM

Hello,

Our designers asked us to us a pie chart which looks like https://bootsnipp.com/snippets/z8dD9 

We reviewed the documentation of https://demos.telerik.com/kendo-ui/donut-charts/donut-labels but we are not sure how to customize Kendo’s pie chart to match the requested design and especially the animation.

Can you please advise?

Thanks,

Ron.

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 23 Jan 2019, 02:01 PM
Hi Ron,

The Kendo UI Donut Chart does not support this type of animation. It is only the default animation, which you see in the demos, that is supported.

As for the specific appearance of the donut segments, it could be achieved if you use a custom series visual function to draw the visuals of the series points as requested. The custom visual is drawn using the Kendo UI Drawing API, in this case you would need to use the Path element to draw the donut segment arcs. We do not have an example of custom Donut series visuals, but you can check this Column Chart demo to see a sample usage of the API to draw arcs in the series:
Custom Visuals



Regards,
Tsvetina
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Charts
Asked by
Ron
Top achievements
Rank 1
Veteran
Answers by
Tsvetina
Telerik team
Share this question
or