剑道角图图例颜色

Posted 2023-05-09

【中文标题】剑道角图图例颜色

【英文标题】：Kendo Angular Chart Legend Colors

【发布时间】：2019-06-22 22:52:29

【问题描述】：

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

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

【参考方案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>