Kendo Angular 图表图例颜色

Question

我有一个 Kendo 的 Angular 柱形图，我们可以在其中更改颜色。条形图的颜色发生了变化，但图例仍显示默认颜色。有人知道我缺少什么吗？

https://stackblitz.com/edit/angular-8smzaw

Answer 1

图例中的颜色对应系列的颜色。设置每列的颜色不会改变系列。您需要删除颜色设置并改为设置系列。

您的模板定义应如下所示：

<kendo-chart [seriesColors]="['#4F81BD', '#C0504D']">
          <kendo-chart-legend  position="top"></kendo-chart-legend>
            <kendo-chart-axis-defaults>
              <kendo-chart-axis-defaults-labels format="c0"></kendo-chart-axis-defaults-labels>
              </kendo-chart-axis-defaults>
            <kendo-chart-tooltip format="{0:C}"></kendo-chart-tooltip>
                <kendo-chart-series>
                    <kendo-chart-series-item
                        *ngFor="let item of detailSeries"
                        [data]="item.items" [name]="item.value"
                        field="value" categoryField="service"
                        type="column">
                    </kendo-chart-series-item>
               </kendo-chart-series>

      <kendo-chart-category-axis>
          <kendo-chart-category-axis-item>
              <kendo-chart-category-axis-item-labels [rotation]="-45"></kendo-chart-category-axis-item-labels>
          </kendo-chart-category-axis-item>
      </kendo-chart-category-axis>
</kendo-chart>

Kendo Angular 图表图例颜色

Kendo Angular Chart Legend Colors

kendo-chart

kendo-ui-angular2