d3.js - D3堆积条形数据结构

Question

我有数据要可视化为堆积条形图（或任何可能合适的）：

{
    "ep1": {
        "avi": 29,
        "mov": 17,
        "mp3": 19
    },
    "ep2": {
        "avi": 13,
        "mp3": 49,
        "mp4": 37,
        "xyz": 5
    },
    ...
}

但是，查看各种 D3 和 NVD3 示例（例如http://bl.ocks.org/mbostock/3943967），我不确定如何将我的数据（其组在不同列中不同）转换为所需的数据结构。

我会很感激一个简单的例子。

Answer 1

如果您编写一个方法来规范化您的数据（例如最终将对象的xyz属性设置ep1为零），则可以使用 D3 提供的堆栈布局。您需要将数据结构从对象数组更改为数组数组（如此处所述），所有二维数组都具有相同的长度，因此需要xyz在示例中设置为零。