反応した es6 コンプを typescript に変換するときに、IDE の 16 行目 (<Line ...) でこの奇妙な typescript エラーが発生します。私がreact-chartjs-2を使用しているチャートコンポーネントです。
タイプ '{ data: { labels: string[]; にプロパティ 'type' がありません。データセット: { ラベル: 文字列; データ: 文字列[]; }[]; }; 高さ: 数値; 幅: 数値; オプション: {maintainAspectRatio: boolean; scales: { yAxes: { ticks: { beginAtZero: boolean; }; }[]; }; 伝説: { ...; }; }; }' ですが、タイプ 'Props' では必須です。
import React from "react";
import { Line, defaults } from "react-chartjs-2";
defaults.plugins.tooltip.enabled = true;
defaults.plugins.legend.position = "bottom";
interface Props {
currencyValues: string[],
dateList: string[],
}
const LineGraph = ({ currencyValues, dateList }: Props) => {
return (
<div className="graphContainer">
{currencyValues.length ? (
<Line
data={{
labels: [...dateList],
datasets: [
{
label: "Historical Dates",
data: [...currencyValues],
},
],
}}
height={400}
width={600}
options={{
maintainAspectRatio: false,
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,
},
},
],
},
legend: {
labels: {
fontSize: 25,
},
},
}}
/>
) : null}
</div>
);
};
export default LineGraph;