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

3D pie chart with KendoUI Angular 4

1 Answer 551 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Chau
Top achievements
Rank 1
Chau asked on 16 May 2018, 04:40 PM
Is there some sample code to show a 3D pie chart with KendoUI angular 4?

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 18 May 2018, 05:55 AM
Hello Chau,

Currently Kendo UI for Angular Charts do not provide true 3D appearance out-of-the-box, but you can use the available series overlay gradients to achieve a 3D-effect, e.g.:

<kendo-chart-series>
        <kendo-chart-series-item type="pie" [overlay]="{gradient: 'roundedBevel'}"...

https://plnkr.co/edit/ffMkxqwHk6vcB2Slnli1?p=preview

Using custom visuals for the series is also an option, but it would require rather complex custom implementation. Check out the following example for a sample that might point you in the right direction (it is for a column-type series Chart):

https://www.telerik.com/kendo-angular-ui/components/charts/convertion-jquery-charts/

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
Chau
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or