Reactjs 谷歌条形图最大列数限制？

我正在使用React Google图表在条形图和表格中显示数据

表格和条形图都获得相同的数据，但表格显示所有20个条目，而条形图仅显示前10个条目

它可以显示的条形图数组的数量是否有限制？如果是，是否可以显示所有20个阵列

注:

图表必须显示20个对象的最大和最小直径（以km为单位），但第一个对象的直径超过1.5 km，最后10个对象的直径降至0.03 km左右

import React, { Component } from "react";
import axios from "axios";
import BarChart from '../components/Chart';

const dataColumnTitles = ["name", "min estimated diameter", "max estimated diameter"];

class MainPage extends Component {
  state = {
    data: [],
  };

componentDidMount() {
    this.getDataHandler();
};


getDataHandler = () => {
    axios.get("https://api.nasa.gov/neo/rest/v1/neo/browse? 
 api_key=DEMO_KEY")
    .then(response => {
        const restructuredData = response.data.near_earth_objects.map(
            ({name, estimated_diameter}) => {
                return [
                    name,
                    estimated_diameter.kilometers.estimated_diameter_min,
                    estimated_diameter.kilometers.estimated_diameter_max,
                ];
            }
        );
        this.setState({data: [dataColumnTitles, ...restructuredData]})

    }).catch(function(error) {
      console.log(error);
    });
};


render(){
  const { data } = this.state;

  return (
    <React.Fragment>
        <BarChart chartData={data}/>
    </React.Fragment>
)}};

export default MainPage;

import React，{Component}来自“React”；
从“axios”导入axios；
从“../components/Chart”导入条形图；
常量dataColumnTitles=[“名称”、“最小估计直径”、“最大估计直径”]；
类主页扩展组件{
状态={
数据：[]，
};
componentDidMount（）{
这是getDataHandler（）；
};
getDataHandler=（）=>{
axios.get（“https://api.nasa.gov/neo/rest/v1/neo/browse? 
api_key=DEMO_key”）
。然后（响应=>{
const restructuredData=response.data.near_earth_objects.map(
（{名称，估计直径}）=>{
返回[
名称
估计直径.km.估计直径.min，
估计直径。公里。估计直径最大值，
];
}
);
this.setState（{data:[dataColumnTitles，…restructuredData]}）
}).catch（函数（错误）{
console.log（错误）；
});
};
render（）{
const{data}=this.state；
返回(
)}};
导出默认主页面；

请分享条形图的代码好吗？不应该有限制…如果没有图表的代码，我们就无法帮助您，因为条形图没有限制，或者docsIt没有限制，因为如果我在console.log中记录数组所在的状态，我会看到20个结果，之后所有的结果都会通过道具直接传递到图表。这一定行得通，因为它显示的是10个结果，而不是什么结果或错误。@Ivar515这一定是您的代码，因为我刚刚将包含40个元素的数组传递给了他们官方网站上的条形图，它正常工作。去那里试试你自己，文档中的代码部分是可编辑的，确定添加了代码，当我刚刚得到api和图表时，它甚至只显示10。