Javascript React google charts，ColumnChart返回未处理的拒绝错误：无法从数据道具设置DataTable

我正在尝试从

react google charts

渲染时，控制台会记录错误：

Unhandled rejection Error: Failed to set DataTable from data props !

及

我相信我的道具格式正确

    <Chart
      chartType='ColumnChart'
      data={this.formatData()}
      graph_id=''
      width='100%'
      height='500px'
      legend_toggle
    />

这似乎与文档中规定的数据结构完美配合，如下所示

  "data":[
    [
      "Genre",
      "Fantasy & Sci Fi",
      "Romance",
      "Mystery/Crime",
      "General",
      "Western",
      "Literature",
      {"role":"annotation"}
    ],
    ["2010",10,24,20,32,18,5,""],
    ["2020",16,22,23,30,16,9,""],
    ["2030",28,19,29,30,12,13,""]
  ]

---

我误读了数据结构。通过返回一个包含所有项的数组，而不是一个包含两个项且其余属性嵌套在其中的数组，问题得以解决。这是工作代码

const columns = teamList.map(team => {
  const newArray = Object.keys(team['teamCrimeCategorySum'])
    .sort()
    .map(key => {
      return team['teamCrimeCategorySum'][key]
    })
  return [`${team.name}`, ...newArray, '']
}) 

return [
  [
    'Crime Category',
    ...categories.map(category => `${category.name}`),
    {'role':'annotation'}
  ],
  ...columns
]

---

我也有这个问题，原因稍有不同，所以我想我应该加上这个，以防其他人遇到这个问题：

我的数据如下所示：

data=[“524房间”，50]，“123房间”，23]，“523房间”，17]，“964房间”，12]，“012房间”，56]，“125房间”，35]。

添加标题行修复了该问题

数据=[“标题A”，“标题B”]，[“524号房间”，50]，“123号房间”，23]，“523号房间”，17]，“964号房间”，12]，“012号房间”，56]，“125号房间”，35]

  "data":[
    [
      "Genre",
      "Fantasy & Sci Fi",
      "Romance",
      "Mystery/Crime",
      "General",
      "Western",
      "Literature",
      {"role":"annotation"}
    ],
    ["2010",10,24,20,32,18,5,""],
    ["2020",16,22,23,30,16,9,""],
    ["2030",28,19,29,30,12,13,""]
  ]

const columns = teamList.map(team => {
  const newArray = Object.keys(team['teamCrimeCategorySum'])
    .sort()
    .map(key => {
      return team['teamCrimeCategorySum'][key]
    })
  return [`${team.name}`, ...newArray, '']
}) 

return [
  [
    'Crime Category',
    ...categories.map(category => `${category.name}`),
    {'role':'annotation'}
  ],
  ...columns
]