角度类型 '{ 域: string[]; }' 不可分配给类型 'string | 颜色'

Question

我正在将 ngx-charts 与 Angular 12 一起使用，并且收到此错误消息，然后我使用以下命令：

colorScheme = {
  domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
};

错误信息是：

Type '{ domain: string[]; }' is not assignable to type 'string | Color'.

我怎样才能解决这个问题？

Answer 1

ngx-charts 版本 19 或更高版本仅接受类型 string 或 Color （来自此处），并扩展另一个答案：

• 字符串示例包括此文件中预设配色方案中的"cool"、、"natural"等。"vivid"
• 设置您自己的自定义方案的颜色示例：

import { Color, ScaleType } from '@swimlane/ngx-charts';
export class foo {
  colorScheme: Color = {
    name: 'myScheme',
    selectable: true,
    group: ScaleType.Ordinal,
    domain: ['#f00', '#0f0', '#0ff'],
  };
}

<ngx-charts-area-chart 
 ...
 [scheme]="colorScheme"
></ngx-charts-area-chart>

Answer 2

使用 ngx-charts 版本 18 或更低版本。

方案类型 [scheme]="colorScheme" 要求提供一个字符串，但您提供的类型是一个对象。

最新版本19以上scheme类型为string | 颜色。