Question

我正在使用d3-array rollup进行分组操作，如计数操作，以准备生成html表。

我有可变数量的分组密钥，我像这样传递：

var rollup_keys = new Map([
        ['count', v => v.length],
        ['codeversion', d => d.codeversion],
        ['mode', d => d.mode],
        ['status', d => d.status]])

    var data_counts = d3.rollup(all_data, ...rollup_keys.values())

这给了我嵌套的地图，例如伪表示，

Map(3) {"codeversion_1" => 
    Map(1) {"mode_1" => 
        Map(2) {"status_1" => count_1,
                "status_2" => count_2},
       "codeversion_2" =>
    Map(1) {"mode_1" =>
        Map(2) {"status_1" => count_1,
                "status_2" => count_2}
    [...truncated...]
}

我使用Vue.js for-loops呈现html表，这意味着最简单的方法是对上述嵌套地图进行平面表示。像这样：

[
    ["codeversion_1", "mode_1", "status_1", 1"],
    ["codeversion_1", "mode_1", "status_2", 49],
    ["codeversion_2", "mode_1", "status_1", 3],
    ["codeversion_2", "mode_1", "status_2", 7],
]

要将嵌套地图转换为上述平面列表格式，我正在使用这种递归方法：

flatten_data: function(flatten_me){
                let rows = []
                if ( flatten_me instanceof Map) {
                    for (let [key, value] of flatten_me.entries()) {
                        if (value instanceof Map) {
                            let _rows = this.flatten_data(value)
                            for (_row of _rows) {
                                rows.push([key].concat(_row))
                            }
                        } else {
                            rows.push([key, value])
                        }
                    }
                }
                return rows
            }

但是d3数组中是否有某种本机的东西，这意味着我不必自己弄平它？我觉得自己似乎遗漏了一些明显的内容，但是搜索flatten array似乎并没有给出我想要的完整键值排列。

Answer 1

没有一些示例数据很难测试代码，但是我建议使用Array.reduce（）。这是两个条件的示例。

const aggregator = (agg, cur) => agg.concat(
  Array.from(cur[1]).map(sportCount =>
    [cur[0]].concat(statusCount)
  )
);

const rolled = d3.rollup(athletes, v => v.length, d => d.mode, d => d.status);
const flattened = Array.from(rolled).reduce(aggregator, []);

d3.group或d3.rollup的嵌套输出？

1 个答案: