Kendo-ui-angular2で円グラフを作成しようとしています。円グラフは表示されますがラベルは表示されません

Question

コンポーネントコードは以下のとおりです。

<kendo-chart> 
    <kendo-chart-title text="Gross domestic product growth /GDP annual %/"> 
    </kendo-chart-title> 
    <kendo-chart-legend position="top" orientation="horizontal"> 
    </kendo-chart-legend> 
    <kendo-chart-tooltip format="{0}%"> 
    </kendo-chart-tooltip> 
    <kendo-chart-series> 
     <kendo-chart-series-item *ngFor="let item of series" type="donut" [data]="item.data" [name]="item.name"> 
      <kendo-chart-series-item-labels> 
      </kendo-chart-series-item-labels> 
     </kendo-chart-series-item> 
    </kendo-chart-series> 
</kendo-chart> 

<kendo-chart-series-item-labels>タグ内では、次のような特性を使用することができます：位置を、「上」「下」「中央」「私は

private series: any[] = [{ 
    name: ["India","Aus", "Fin"], 
    data: [3.907, 7.943, 7.848] 
}]; 

<kendo-chart> 
    <kendo-chart-title text="Gross domestic product growth /GDP annual %/"> 
    </kendo-chart-title> 
    <kendo-chart-legend position="top" orientation="horizontal"> 
    </kendo-chart-legend> 
    <kendo-chart-tooltip format="{0}%"> 
    </kendo-chart-tooltip> 
    <kendo-chart-series> 
     <kendo-chart-series-item *ngFor="let item of series" type="donut" [data]="item.data" [name]="item.name"> 
     </kendo-chart-series-item> 
    </kendo-chart-series> 
</kendo-chart> 

Answer 1

はこれを試してみてくださいデータをバインドする[data] = "item.data"[name] = "item.name"を使用していますinsideEnd "" left "" outsideEnd "" right "; [距離]、20を除いた任意の数は通常はまともな量です。 format、IntlService形式のメソッドを使用します。

--EDIT--

それはあなたが求めてかなりのものではないのですが、この方法は、あなたが少なくともカント各セグメントの名称を参照してください。

<kendo-chart> 
    <kendo-chart-title text="Gross domestic product growth /GDP annual %/"> 
    </kendo-chart-title> 
    <kendo-chart-legend position="top" orientation="horizontal"> 
    </kendo-chart-legend> 
    <kendo-chart-tooltip format="{0}%"> 
    </kendo-chart-tooltip> 
    <kendo-chart-series> 
     <kendo-chart-series-item type="donut" [data]="series" field="data" categoryField="name"> 
      <kendo-chart-series-item-labels visible="true" content="categoryField"> 
      </kendo-chart-series-item-labels> 
     </kendo-chart-series-item> 
    </kendo-chart-series> 
</kendo-chart> 

private series: any[] = [{ 
    name: "India", 
    data: 3.907 
}, { 
    name: "Aus", 
    data: 7.943 
}, { 
    name: "Fin", 
    data: 7.848 
}]; 

• は剣道UIに参加してお気軽にたるみチーム：https://kendouiangular2.slack.com/