Telerik KendoUI角度折线图未在图例中反映dashType

Question

我有一个图表，其中为不同系列设置了dashType属性，但图例未反映该设置，而是将所有内容显示为实线。您如何获得图例以反映此设置？我将Angular 7与最新版本的图表组件一起使用。任何帮助表示赞赏。

Answer 1

不支持立即使用此行为，但可以将其添加。 您可以在Telerik的论坛here上看到有关此问题的信息和答复。

建议的解决方案是使用[item]组件的kendo-chart-legend属性。

请参阅以下示例用法：

将其放置在“ Kendo Chart组件”内部的组件模板中：

<kendo-chart-legend position="bottom" orientation="horizontal" [item]="{ visual: legendItemVisual }">
</kendo-chart-legend>

将其放在您组件的代码中：

public legendItemVisual = (args: any) => {
    const path = new Path({ stroke: { color: args.series.color, dashType: args.series.dashType, width: 2}})
        .moveTo(0, 0).lineTo(25);
    const text = new Text(args.series.name);
    const layout = new Layout(new Rect([0, 0], [Number.MAX_VALUE, 0]), {
        alignItems: "center",
        cursor: 'pointer',
        spacing: 5
    });

    layout.append(path, text);
    layout.reflow();

    return layout;
}