Pie Chart - Shadow

Question

Can I get a pie Chart with shadow like this attached image?

If yes, how?

This is the code of pie chart:

 <div data-role="chart"
         data-title="{ text: 'PieChart', position: 'bottom' }"
         data-series-defaults="{ type: 'pie' }"
         data-series="[{
                         field: 'value',
                         categoryField: 'name',
                         padding: 0,
                         labels: {visible: true}
                      }]"
         data-bind="source: listPieChart,
         events: { seriesHover: onSeriesHoverPieChart }">
</div>

Answer 1

Unfortunately, the Kendo UI Pie Chart doesn't support any 3D elements. You can read about it in the Telerik forums here.

You have 3 options:

1. Give up on the 3D look.

2. Implement some effect yourself using CSS. This could be quite tricky.

3. Go for another Pie Chart solution, not part of the Kendo UI.