javascript - 为 D3 堆叠条形图准备嵌套的 JSON 数据

Question

我嵌套了 JSON 数据，其中第一级键是事件类型(骑行、远足等)，第二级是年份。每年都有一个值(以千米为单位的距离)。我的数据结构如下所示:

我想画一个这样的堆积条形图http://bl.ocks.org/mstanaland/6100713从我的数据。如何将我的数据置于适合 D3 堆积条形图的结构中？

Answer 1

这可以按如下方式完成:

const data = [];
myData.forEach(a => a.values.forEach(v => {
    const element = data.find(e => e.year === v.key);
    if (element) {
        element[a.key] = v.values;
    } else {
        data.push({ year: v.key, [a.key]: v.values });
    }
}));