2

ここに画像の説明を入力反応した 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;

4

1 に答える 1