css - 饼图 - 阴影

Question

我能得到像这张附图那样的带阴影的饼图吗？

如果是，怎么办？

这是饼图的代码:

 <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

遗憾的是，Kendo UI 饼图不支持任何 3D 元素。您可以在 Telerik 论坛中阅读相关信息 here .

您有 3 个选择:

1. 放弃 3D 外观。

2. 使用 CSS 自己实现一些效果。这可能非常棘手。

3. 寻求另一个饼图解决方案，而不是 Kendo UI 的一部分。