javascript - 以编程方式旋转 Google 可视化数据表

Question

我对this fiddle感到兴奋我尝试引用那个 fiddle 创建相同的类型。我修改后的示例在​​ here 中给出我正在尝试创建一个 View ，如下所示。

var distinctValues = data.getDistinctValues(2);

    var viewColumns = [1];
    var groupColumns = [];
    // build column arrays for the view and grouping
    for (var i = 0; i < distinctValues.length; i++) {
        viewColumns.push({
            type: 'number',
            label: distinctValues[i],
            aggregation: google.visualization.data.count
        });
        groupColumns.push({
            column: i+1,
            type: 'number',
            //label: distinctValues[i],
            aggregation: google.visualization.data.sum
        });
    }

但我的目标是创建一个如下所示的数据透视表。

['Column1', 'Column2', 100, 200, 300, 400],
['A', 'bar', 0, 1, 1, 0],
['A', 'baz', 0, 0, 1, 0],
['A', 'foo', 3, 1, 0, 0],
['B', 'baz', 0, 1, 0, 0],
['B', 'cad', 1, 0, 1, 1],
['B', 'qud', 1, 1, 1, 2]

我该如何继续？

Answer 1

您必须更改代码中的一些内容。首先，如果您希望 Column1 和 Column2 都出现在输出中，则 viewColumns 需要同时包含列 0 和 1 才能开始。然后，您需要调整添加到 viewColumns 的列:每个列都需要一个 calc 参数来计算该列中的值。在本例中，您希望将列的值与 uniqueValues[i] 进行比较，并在匹配时返回 1，不匹配时返回 0。在groupColumns的聚合函数中，使用sum而不是count:

var distinctValues = data.getDistinctValues(2);

var viewColumns = [0, 1];
var groupColumns = [];
// build column arrays for the view and grouping
for (var i = 0; i < distinctValues.length; i++) {
    viewColumns.push({
        type: 'number',
        label: distinctValues[i],
        calc: (function (x) {
            return function (dt, row) {
                return (dt.getValue(row, 2) == x) ? 1 : 0;
            }
        })(distinctValues[i])
    });
    groupColumns.push({
        column: i+2,
        type: 'number',
        //label: distinctValues[i],
        aggregation: google.visualization.data.sum
    });
}

然后，在分组函数中，传递第一个数组中的第 0 列和第 1 列:

varivoryedData = google.visualization.data.group(view, [0, 1], groupColumns);

请在此处查看这些更改:http://jsfiddle.net/asgallant/DUn6B/1/