Dynamische Legende für Kendo UI für Angular 2 Diagramme

Question

Kann jemand dynamische Legenden basierend auf einem Array erstellen? Ich kann es nicht in den Beispielen/Handbuch finden.

Jede mögliche Hilfe würde sehr geschätzt werden,

Bitte siehe mein Code unten:

<kendo-chart > 
     <kendo-chart-title text="Gender"></kendo-chart-title> 
     <kendo-chart-legend position="top" labels="SearchStatistics.GenderStatistics[?].Index"> 
      </kendo-chart-legend> 
     <kendo-chart-series> 
      <kendo-chart-series-item type="pie" [data]="SearchStatistics.GenderStatistics"> 
      </kendo-chart-series-item> 
     </kendo-chart-series> 
    </kendo-chart> 

Wo GenderStatistics ist ein Array, das zwei Eigenschaften, Index und Wert hält.

Beispiel:

0: 
{Index: "M", Value: 3} 
1: 
{Index: "U", Value: 1} 
2: 
{Index: "F", Value: 2} 

So ist die Idee hier wäre 3 Legenden zu erhalten, M, F und U.

Danke,

Answer 1

Die Serie field und categoryField Eigenschaften festgelegt werden sollen, , um das Tortendiagramm zu rendern. Die Eigenschaft field liefert den Wert, der im Tortendiagramm angezeigt wird. Die categoryField bietet das Etikett.

<kendo-chart-series-item type="pie" 
    [data]="SearchStatistics.GenderStatistics" 
    field="Value" categoryField="Index"> 
</kendo-chart-series-item> 

Siehe this plunkr.