D3堆叠条形数据结构

时间:2013-08-13 07:01:53

标签: d3.js

我想要将数据显示为堆积条形图(或任何可能合适的数据):

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

然而,看看各种D3以及NVD3示例(例如http://bl.ocks.org/mbostock/3943967),我不确定如何将我的数据(其组在不同列中不相同)转换为所需的数据结构。

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

1 个答案:

答案 0 :(得分:1)

如果您编写一个方法来对数据进行标准化(例如,最终将xyz对象的ep1属性设置为零),则可以使用D3提供的堆栈布局。您需要将数据结构从对象数组更改为数组数组(如here所述),所有第二维数组具有相同的长度,因此需要将xyz设置为零例子。