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。

Angular 2图表的Kendo UI动态图例

1 个答案: