d3.histogram - 再ビンCrossfilter

Question

からデータ

のD3のhistogramレイアウトは[6, 9, 4, 2, 0, 6, 9]のような形式でデータを期待し、それがあなたのドメインに基づいてきちんとビンを作成し、ダニなど

Crossfilterグループデータヒストグラム構造（多かれ少なかれ）、このような構造で：

[ 
    { key: 0, value: 1 }, 
    { key: 1, value: 8 }, 
    { key: 3, value: 7 }, 
] 

はオブジェクトがビンの数2キーのがないことに注意してくださいは、データとは異なる値のわずか数です。その間にd3.histogram().threshholds(...)は、私が取得するビンの数を制御することができます。

私はCrossfilterのデータを視覚化し、便利なビンを作るd3.histogram()の能力を利用したいと思います。 Crossfilterデータを解析するために使用できるアクセサー関数がいくつかありますか？あるいは、最初にそれを規則的な配列に強制する必要がありますか？

Answer 1

私はまだこれを模索していますが、ここではD3のhistogramレイアウトのためのアレイにCrossfilterグループのデータを拡大/平らにしますreduce機能です：

// reduce callback function 
function flattenGroupData(flattened, currentRecord) { 
    let value = currentRecord.key; 
    let quantity = currentRecord.value; 
    let expandedArray = Array(quantity).fill(value); 
    return flattened.concat(expandedArray); 
} 

let groupData = myCrossfilterGroup.all(); 

let dataForD3 = groupData.reduce(flattenGroupData, []);