javascript - 在DC JS中创建堆叠的条形图

Question

我正在尝试使用按名称和日期维度拆分的组在DC JS中制作堆叠式条形图

日期维度：

var date_dim = ndx.dimension(function(d) { return  d.date;});

以及一些按名称分组的数字数据

var names_grouping = names_dim.group().reduceSum(function(d){
  return d.dep_var
})

我以前曾使用过相同的分组和按季度分组，以成功生成一个饼形图，该饼形图按名称显示了数值数据的份额：



产生饼图的代码：

var namechart = dc.pieChart('#sales-by-nameplate')
namechart 
    .width(200)
    .height(200)
    .radius(80)
    .innerRadius(30)
    .dimension(names_dim)
    .group(name_grouping)
    .renderLabel(false);

names_dim是这样的：

var names_dim = ndx.dimension(function(d) { return d.name; });

假设数据已经按名称分组，是否可以使用现有名称组和日期维度创建堆积面积图？

Answer 1

您的意思是barchart对（最后一句话）？

您可以使用stack方法，但我想您想按date_dim分组：

barChart
   .dimension(date_dim)
   .group(date_dim.group().reduceSum(function(d) { return d.names_dim === 'Name 1' ? 1 : 0; }), "Name 1")
   .stack(date_dim.group().reduceSum(function(d) { return d.names_dim === 'Name 2' ? 1 : 0; }), "Name 2")
   .stack(date_dim.group().reduceSum(function(d) { return d.names_dim === 'Name 3' ? 1 : 0; }), "Name 3")

与不同名称的数量一样多的堆栈。