以编程方式透视谷歌可视化数据表

Programmatically Pivoting the Google Visualization dataTable

本文关键字：可视化 数据表 谷歌 透视 编程 方式      更新时间：2023-09-26

我对这把小提琴感到兴奋，并试图参照那把小提琴创建同样的小提琴。这里给出了我修改后的示例，我正试图创建一个如下所示的视图。

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]

我该如何继续？

您必须更改代码中的一些内容。首先，如果希望输出中同时包含第1列和第2列，则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：

var pivotedData=google.visionation.data.group（视图，[0，1]，groupColumns）；

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

相关文章：