问题描述
我正在尝试使用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文件位于我的公用文件夹中。给任何可以帮助的人免费提供甜甜圈。谢谢:)
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)