“string[]”类型的参数不可分配给“ReadonlyArray<number>”类型的参数

Question

我正在尝试从本教程中学习 d3.js我在 angular 中使用 d3.js 绘制图形，但我被困在这里。谁能告诉我如何解决这个错误。我只有一种方法drawSvg()，但出现错误 Argument of type 'string[]' is not assignable to parameter of type 'ReadonlyArray<number>'

我该如何解决这个错误？

Answer 1

您可以在调用时指定范围的类型d3.scaleLinear<TRange, TOutput>()。由于您使用的是字符串，因此您可以将范围的类型指定为string：

let color = d3.scaleLinear<string, number>()
            .domain([0, 60])
            .range(["red", "blue"]);