D3.js D3叠条数据结构

我想将数据可视化为堆叠条形图（或任何合适的数据）：

但是，看看各种D3以及NVD3示例（例如），我不确定如何将我的数据（不同列的数据组不同）转换为所需的数据结构

---

我非常感谢一个简单的例子。

如果您编写一个方法来规范化一点数据（例如，最终将

ep1

对象的

xyz

属性设置为零），您可以使用D3提供的堆栈布局。您需要将数据结构从一个对象数组更改为一个数组数组（如上所述），所有二维数组都具有相同的长度，因此需要在示例中将

xyz

设置为零

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