我正在用Chart.js@4.3.0
和react-chartjs-2@5.2.0
做一个Nextjs项目,尽管编译项目可以工作,WebStorm说有一个类型错误。
下面是一个MRE(Nextjs):
// pages/index.tsx
import { Chart, registerables }
import { Line } from 'react-charts-j2'
const Index () => {
const chart = {
data: {
labels: ['foo', 'bar', 'foobar', 'foobaz']
datasets: [
{
label: 'Foo',
data: [0, 1, 2, 3]
}
]
}
}
return (
<Line data={chart.data} />
)
}
我尝试将数据和标签类型传递给Line
,如下所示:<Line<Array<number>, string>
,但也不起作用。IDE显示的错误如下:
类型{数据集:{data:number[],label:string}[],labels:string[]}不能赋值给类型ChartData〈“line”,TData,TLabel〉
环境:
- 13.0.6下载
- React:18.2.0
- 节点:18.12.1
- typescript :^5.0.4
这和我的IDE或代码有关吗?
1条答案
按热度按时间huwehgph1#
尝试这样做,而不是chart.data尝试传递图表