如何在D3中制作堆叠的条形图/区域

时间:2018-11-04 22:13:54

标签: javascript d3.js stacked-chart stacked-area-chart

我想随着时间的推移为男性和女性制作一个堆积的条形图(或堆积的面积图)。男性的酒吧(或区域)在女性的下面和上面。数据非常简单。它的格式如下CSV所示:

gender  year    value
male    1999    2845
male    2004    2904
male    2009    3004
male    2014    3056
female  1999    2910
female  2004    3210
female  2009    3340
female  2014    4029

我用d3.csv读取它,按年份嵌套,并进行了一些操作以将其调整为d3.stack()的格式。因此,最终的数据格式如下:

Object { male: 2845, female: 2910 }
Object { male: 2904, female: 3210 }
Object { male: 3004, female: 3340 }
Object { male: 3056, female: 4029 }

我尝试对上面的数据使用d3.stack,但是它似乎没有用。我开始怀疑这是否是适合d3.stack()的正确格式,以及是否有比这更好的制作堆叠条形图/面积图的方法。我想知道按性别(比年份大)分组数据是否更适合使用d3.stack()。

如果有人对构建堆叠式酒吧/区域有任何建议,将不胜感激。

谢谢

0 个答案:

没有答案