我正在尝试通过 Google Charts API 显示一些统计信息,但由于某种原因,我遇到了这个奇怪的问题,我好几天都无法弄清楚。
我收到此错误:
All series on a given axis must be of the same data type
这将是我的代码:
var data = new google.visualization.DataTable(),
rows = [];
// Add columns
data.addColumn('datetime', 'Date');
data.addColumn('string', 'Type');
data.addColumn('number', 'Count');
for (var i = 0; i < response.length; i++) {
for (var j in response[i]) {
var column = response[i][j];
rows.push([new Date(column.date), column.collection, Number(column.count)]);
}
}
console.log(rows);
data.addRows(rows);
var options = {
title: 'Chart display',
hAxis: { title: 'Year', titleTextStyle: { color: '#333' } },
vAxis: { minValue: 0 }
};
var chart = new google.visualization.AreaChart(document.getElementById(chartId));
chart.draw(data, options);
当我 console.log
rows
变量时,这是输出:
0: Array[3]
0: Wed Nov 11 2015 16:07:36 GMT+0100 (CET)
1: "views"
2: 1
1: Array[3]
0: Wed Nov 11 2015 16:07:36 GMT+0100 (CET)
1: "completions"
2: 1
这看起来完全没问题!任何数据类型都没有问题,但我收到了该错误。
我看不到问题所在。
最佳答案
您的数据的结构如下:
Date Type Count
Nov 10 category1 10
Nov 10 category2 13
Nov 11 category1 8
Nov 11 category2 5
它的结构应该是这样的:
Date Category1 Category2
Nov 10 10 13
Nov 11 8 5
更改您的输入源或使用 JavaScript 重组它。
关于javascript - Google Charts API - 绘图时给定轴上的所有系列必须具有相同的数据类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33672514/