json對象的d3.js圖表

Question

我想在d3.js中創建一個簡單的餅圖。 我正在使用的請求響應如下所示：

{"record":[{"status":"request"},{"status":"requirements"},{"status":"request"}]};

從我在示例中看到的，我需要將該對象轉換為：

[{"label":"Request", "value":2}, {"label":"Requirements", "value":1}];

我很樂意使用d3函數或下划線或直接的javascript來完成此操作，但我只是無法自行破解它。 任何幫助將非常感激！

Answer 1

您可以使用d3.nest()重新格式化數據：

var data = d3.nest()
    .key(function(d){ return d.status; })
    .rollup(function(leaves){ return leaves.length; })
    .entries(input.record)
    .map(function(d){ return {label: d.key, value: d.values}; });