Kendo UI 的动态图例 Angular 2 个图表

Question

有人知道如何基于数组生成动态图例吗？我在示例/手册中找不到它。

如有任何帮助，我们将不胜感激，

请看下面我的代码：

<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>

其中 GenderStatistics 是一个包含 2 个属性（索引和值）的数组。

示例：

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

所以这里的想法是获得 3 个传奇，M、F 和 U。

谢谢，

Answer 1

系列 field 和 categoryField 属性应该被设置，以呈现饼图。 field 属性提供将在饼图中显示的值。 categoryField 提供标签。

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

见this plunkr。

Kendo UI 的动态图例 Angular 2 个图表

Dynamic legend for Kendo UI for Angular 2 charts

kendo-ui-angular2