Telerik Kendo UI不反映破折号的角度折线图键入图例

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