未捕获的错误：给定的每一行必须为null或数组

Posted 2021-05-05

我在尝试迭代和添加动态数据时遇到了这个问题。以下是面临的例外情况：

Uncaught Error: Every row given must be either null or an array.

但是：ぁzxswい

js代码：

https://plnkr.co/edit/vvY6Bg3uzVDSMwDh3EI6?p=preview

有关如何解决上述异常的任何输入？

答案

你需要将一个数组数组传递给var list = [ {id:'January',min: 10, max:20, start:15,end:10}, {id:'Feb',min: 11, max:4, start:15,end:4}, {id:'March',min: 10, max:20, start:15,end:10}, {id:'APril',min: 5, max:20, start:55,end:10} ]; angular.forEach(list, function (value, key) { // data.addRows([{"v":value.min}, {"v":value.max},{"v":value.start},{"v":value.end}]); data.addRows([value.min,value.max,value.start,value.end]); }); ，这样你就可以摆脱forEach。您可以使用addRows将对象数组转换为数组数组。

您似乎还有5列，但只传入4个值。

固定代码是这样的：

map

要么

var list = [
    {id:'January',min: 10, max:20, start:15,end:10},
    {id:'Feb',min: 11, max:4, start:15,end:4},
    {id:'March',min: 10, max:20, start:15,end:10},
    {id:'April',min: 5, max:20, start:55,end:10}
];

data.addRows(list.map(function(value) {
  return [value.id,value.min,value.max,value.start,value.end];
}));

但是：ぁzxswい

另一答案

看起来每行有5列和4个值？

data.addRows(list.map(value => [value.id,value.min,value.max,value.start,value.end]));

你需要为每一行添加一个https://plnkr.co/edit/QGlz4fQ81vpmhvxyt4kB?p=preview值吗？

在var data = new google.visualization.DataTable(); data.addColumn('string', 'Topping'); data.addColumn('number', 'Nescafe Instant'); data.addColumn('number', 'Folgers Instant'); data.addColumn('number', 'Nescafe Beans'); data.addColumn('number', 'Folgers Beans'); var list = [ {id:'January',min: 10, max:20, start:15,end:10}, {id:'Feb',min: 11, max:4, start:15,end:4}, {id:'March',min: 10, max:20, start:15,end:10}, {id:'APril',min: 5, max:20, start:55,end:10} ]; angular.forEach(list, function (value, key) { var weekData = {}; // data.addRows([{"v":value.min}, {"v":value.max},{"v":value.start},{"v":value.end}]); data.addRows([value.min,value.max,value.start,value.end]); 中，格式看起来略有不同，但看起来同样的原则也适用。

编辑：

它期待一系列阵列。你给它一个数组。有效的Topping：

this DataTable example