円グラフ - 陰影

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

、剣道UI円グラフは、任意の3D要素をサポートしていません。あなたはTelerikのフォーラムhereでそれについて読むことができます。

あなたは3つのオプションがあります。

1. は、3Dルックアップに与えます。

2. CSSを使用して独自の効果を実装します。これはかなり難しいかもしれません。

3. 剣道のUIの一部ではなく、別の円グラフソリューションに移行します。