以编程方式透视Google Visualization dataTable

时间:2013-12-16 04:27:32

标签: javascript datatable google-visualization pivot

我对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]

我该怎么办?

1 个答案:

答案 0 :(得分: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列:

var pivotedData = google.visualization.data.group(view,[0,1,groupColumns);

请参阅此处的这些更改:http://jsfiddle.net/asgallant/DUn6B/1/