Google Visualization API图表 - 使用系列中的列或行的折线图

时间:2013-11-25 15:34:32

标签: google-visualization

我想使用相同的数据将格式保存在不同的折线图中。我的意思是,我想在数据表上进行矩阵转换。

我使用谷歌代码示例更好地解释我的问题:

var data = google.visualization.arrayToDataTable([
      ['Name', 'Gender', 'Donuts February', 'Donuts January'],
      ['Michael' , 'Male', 12, 5],
      ['Elisa', 'Female', 20, 7],
      ['Robert', 'Male', 7, 3],
    ]);

默认情况下,我可以用x轴绘制折线图:Michael,Elisa和Robert以及两个系列。 但我不知道如何画x轴:'甜甜圈一月'和'甜甜圈二月'和三个系列(迈克尔,艾丽莎和罗伯特)。

有可能吗?

1 个答案:

答案 0 :(得分:1)

API不支持切换行和列角色,以将行用作系列和列作为轴值。如果要实现这一点,则必须以您希望的格式手动构建旧DataTable。这是你可以做到的一种方式:

var pivottedData = new google.visualization.DataTable();
pivottedData.addColumn('string', 'Category');
for (var i = 0; i < data.getNumberOfRows(); i++) {
    pivottedData.addColumn('number', data.getValue(i, 0));
}
// skip "Name" and "Gender" columns
for (var i = 2; i < data.getNumberOfColumns(); i++) {
    var row = [data.getColumnLabel(i)];
    for (var j = 0; j < data.getNumberOfRows(); j++) {
        row.push(data.getValue(j, i));
    }
    pivottedData.addRow(row);
}