使用Chart数据源将数据导入Chartjs

如何解决使用Chart数据源将数据导入Chartjs

我正在尝试使用react-chartjs-2制作条形图，而我的问题是试图将我的csv文件导入到图表中。这是我的代码

import React from 'react';
import { Bar } from 'react-chartjs-2';
import ChartDataSource from 'chartjs-plugin-datasource';

class BarChart extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            chartData: {
                datasets: [
                    {
                        label: 'GDP',backgroundColor: 'rgba(255,99,132,0.2)',borderColor: 'rgba(255,1)',borderWidth: 1,hoverBackgroundColor: 'rgba(255,0.4)',hoverBorderColor: 'rgba(255,},],};
    }

    render() {
        const option = {
            plugins: {
                datasource: {
                    type: 'input.csv',rowMapping: 'index',};
        return (
            <div>
                <h2>GDP (Countries)</h2>
                <Bar
                    data={this.chartData}
                    plugins={[ChartDataSource]}
                    width={100}
                    height={100}
                    options={{ option,maintainAspectRatio: true }}
                />
            </div>
        );
    }
}
export default BarChart;

它在npm start上运行，但显示错误：“未定义”不是数据源类型。我的input.csv文件位于我的公用文件夹中。给任何可以帮助的人免费提供甜甜圈。谢谢：）