kendo-ui-angular2 - Angular 2 图表的 Kendo UI 的动态图例

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 个属性 Index 和 Value 的数组。

例子：

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>

看到这个 plunkr。