Angular 输入'{域：字符串[]； }' 不可分配给类型 'string | Color'

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 版本 18 或以下。

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

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

Answer 2

ngx-charts 版本 19 或更高版本仅接受类型字符串或颜色 (from here)，并扩展另一个答案：

字符串示例包括 "cool"、"natural"、"vivid" 等，来自预设配色方案 in this file。
设置您自己的自定义方案的颜色示例：

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>

Angular 输入'{域：字符串[]； }' 不可分配给类型 'string | Color'

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

angular

angular12

ngx-charts