D3.js来自 JSON 对象的图表

d3.js chart from json object

本文关键字：对象 JSON js 来自 D3      更新时间：2023-09-26

我想在d3中创建一个简单的饼图.js。我正在使用的请求响应如下所示：

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

根据我在示例中看到的内容，我需要将该对象转换为以下内容：

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

我很高兴使用 d3 函数或下划线或直接 javascript 来完成此操作，我只是无法自己破解它。任何帮助将不胜感激！

您可以使用

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}; });
相关文章：