Kendo UI Angular Line Charts填充数据点

Question

我正在使用带有Angular的Kendo UI折线图。有谁知道如何使折线图上的标记结实？我从服务器收到线条颜色。

我读到我可以使用markers: { background: "#004990" },，但这不是服务器的动态颜色。

这是我的代码：

 this.reportWidgetSubscription = this.reportWidgetService.getChartChartByFilter(serverSide.serverUrl, serverSide.parameters.reportId, serverSide.parameters.chartId, QR).subscribe((data) => {
        let dataResult = data.result;
        if(dataResult){
          serverSide.dataSource = groupBy(dataResult, [{ field: "serieName" }]);
        }
      });

Answer 1

您可以像任何其他属性一样绑定标记背景颜色 - 值可以来自相应的系列项目，也可以来自组件类字段，例如：

<kendo-chart-series-item *ngFor="let item of series"
                    [markers]="{ background: item.markerBackground }"
                    type="line" style="smooth" [data]="item.data" [name]="item.name">
                </kendo-chart-series-item>

public series: any[] = [{
    name: "India",
    data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855],
    markerBackground: "red"
  }, {...

EXAMPLE

如果从服务器中分别从数据中检索颜色，您仍然可以以类似的方式绑定它们：

EXAMPLE