d3.js - 不規則/重複した日付の面グラフ

Question

次のような JSON データセットがあります。

"document": [
                {
                    "id": "123",
                    "date": "01/01/2001"
                },
                {
                    "id": "124",
                    "date": "01/01/2001"
                },
                {
                    "id": "125",
                    "date": "02/01/2001"
                },
                {
                    "id": "126",
                    "date": "31/01/2001"
                },
                {
                    "id": "127",
                    "date": "31/01/2001"
                }
]

ドキュメント数/時間を示す面グラフを作成する必要があります。

では、データを次のように前処理する必要がありますか。

"document": [
                {
                    "date": "01/01/2001",
                    "count": 2
                },
                {
                    "date": "02/01/2001",
                    "count": 1
                },
                {
                    "date": "31/01/2001",
                    "count": 2
                }
]

または、D3 は何らかの方法で自動的にこれを行いますか? それができるタイプのように見えますか？

どうもありがとう

マイク

Answer 1

あなたはd3.nestを探しています:

> d3.nest()
    .key(function(d){ return d.date; })
    .rollup(function(leaves) { return leaves.length; })
    .entries(data)

[{"key":"01/01/2001","values":2},
 {"key":"02/01/2001","values":1},
 {"key":"31/01/2001","values":2}]

（データは、投稿した配列と等しく設定する必要があります）

Office ドキュメントを補完するいくつかの例と説明。