にする方法kendoui angular2 chartcomponent

Question

は、いずれもドーナツグラフとしてkendoui angular2

のチャートコンポーネントを作るために私を助けてくださいすることができdonutchartとして、私はこの例に従うことによって、グラフをGTすることができるよ

ページhttp://www.telerik.com/kendo-angular-ui/components/charts/が、ドーナツグラフとして& Rdsは、 ラグーSここで

Answer 1

を

おかげでそれをドーナツグラフのためのサンプルテンプレートされていることを確認する方法

<kendo-chart> 
     <kendo-chart-title text="Donut Chart"></kendo-chart-title> 
     <kendo-chart-series-defaults type="donut"> 
     </kendo-chart-series-defaults> 
     <kendo-chart-series> 
     <kendo-chart-series-item [data]="seriesData"> 
     </kendo-chart-series-item> 
     </kendo-chart-series> 
    </kendo-chart> 

あなたはこのPlunkerでそれをテストすることができます。

http://plnkr.co/edit/nvOfXk7VGhOl2f4esCfL?p=preview

Answer 2

@Component({ 
    selector: 'my-app', 
    template: ` 
     <kendo-chart> 
      <kendo-chart-title text="Simple Donut Chart"> 
      </kendo-chart-title> 
      <kendo-chart-series-defaults type="donut"> 
      </kendo-chart-series-defaults> 
      <kendo-chart-legend position="top"> 
      </kendo-chart-legend> 
      <kendo-chart-series> 
      <kendo-chart-series-item [data]="seriesData"> 
      </kendo-chart-series-item> 
      </kendo-chart-series> 
     </kendo-chart> 
    ` 
}) 
class AppComponent { 
    private seriesData = [[4,"1st"],[7,"2nd"],[5,"3rd"]]; 
} 

Plunkerリンク：http://plnkr.co/edit/86dA5xCCSxatBOmapnGo?p=preview

Answer 3

はあなたのkendo-chart-series-itemタグでtype="donut"を追加します。