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

我对this fiddle感到兴奋，并尝试根据该小提琴创建相同的类型。我修改后的示例在​​here中给出，我正尝试如下创建视图。

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]

我该如何进行？

最佳答案

您必须在代码中进行一些更改。首先，如果希望Column1和Column2都在输出中，则viewColumns需要同时包含列0和1。然后，您需要调整添加到viewColumns中的列：每个列都需要一个calc参数，该参数计算列中的值。在这种情况下，您想将列的值与distinctValues [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：

varivodData = google.visualization.data.group（view，[0，1]，groupColumns）;

请参阅以下更改，这些更改在这里起作用：http://jsfiddle.net/asgallant/DUn6B/1/