title: Dynamic legend for Kendo UI for Angular 2 charts
body: <p>Does anybody know how to generate dynamic legends based an array?
  I can't find it in the examples / manual.</p>
  
  <p>Any help would be really appreciated,</p>
  
  <p>Please see my code below:</p>
  
  <pre><code>&lt;kendo-chart &gt;
          &lt;kendo-chart-title text="Gender"&gt;&lt;/kendo-chart-title&gt;
          &lt;kendo-chart-legend position="top" labels="SearchStatistics.GenderStatistics[?].Index"&gt;
            &lt;/kendo-chart-legend&gt;
          &lt;kendo-chart-series&gt;
              &lt;kendo-chart-series-item type="pie" [data]="SearchStatistics.GenderStatistics"&gt;
              &lt;/kendo-chart-series-item&gt;
          &lt;/kendo-chart-series&gt;
      &lt;/kendo-chart&gt;
  </code></pre>
  
  <p>Where GenderStatistics is an array that holds 2 properties, Index and Value.</p>
  
  <p>Example:</p>
  
  <pre><code>0:
  {Index: "M", Value: 3}
  1:
  {Index: "U", Value: 1}
  2:
  {Index: "F", Value: 2}
  </code></pre>
  
  <p>So the idea here would be to get 3 Legends, M, F and U.</p>
  
  <p>Thank you,</p>