D3.js 带堆栈的条形图中的输出为空

D3.js 带堆栈的条形图中的输出为空,d3.js,dc.js,D3.js,Dc.js,我对dc中的堆叠条形图有问题 我认为这是团队的问题,但我不确定。 有人能帮帮我吗。。这个问题我已经研究了好几天了。 条形图应在x轴上显示日期(此.csv中的日期为“daten_stand”)。在y轴上,有三个堆栈。一个用于csv“faelle_covid_aktuell”栏,一个用于“betten_frei”,另一个用于“betten_belegt”。此外,我还按“邦德斯兰”(州)一栏过滤了所有数据 你可以看到代码和csv 让barChartContainer1; 让条形图; 函数牵引杆(){

我对dc中的堆叠条形图有问题

我认为这是团队的问题,但我不确定。 有人能帮帮我吗。。这个问题我已经研究了好几天了。 条形图应在x轴上显示日期(此.csv中的日期为“daten_stand”)。在y轴上,有三个堆栈。一个用于csv“faelle_covid_aktuell”栏,一个用于“betten_frei”,另一个用于“betten_belegt”。此外,我还按“邦德斯兰”(州)一栏过滤了所有数据

你可以看到代码和csv

让barChartContainer1;
让条形图;
函数牵引杆(){
barChart=new dc.barChart(“#”+barChartContainer1[0].id);
d3.csv(“../data/betten_BarChart.csv”)。然后(函数(数据){
让filterData=data.filter(x=>x.bundesland==“01”);
设newData=[];
设i=0;
filterData.forEach(元素=>{
让parts=element.daten_代表.split('-');
日期=零件[2]+“+”+零件[1]+“+”+零件[0];
newData.push([element.daten_stand,element.gemeindeschluessel,“betten_frei”,element.betten_frei]);
i++;
newData.push([element.daten_stand,element.gemeindeschluessel,“betten_belegt”,element.betten_belegt]);
i++;
newData.push([element.daten_stand,element.gemeindeschluessel,“faelle_-covid_-aktuell”,element.faelle_-covid_-aktuell]);
i++;
});
var myCrossfilter=交叉过滤器(新数据),
dim=myCrossfilter.dimension(函数d){
返回d;
}),
group=dim.group().reduce((p,d)=>{
//p[d.gemeindeschluessel]=(p[d.gemeindeschluessel]| | | 0)+d.betten_-frei;
p[d]=(p[d]| | 0)+d.faelle_covid_aktuell;
p[d]=(p[d]| 0)+d.betten|u frei;
p[d]=(p[d]| | 0)+d.betten_belegt;
console.log(p)
返回p;
},功能减速器移动(p,d){
//p[d.gemeindeschluessel]=(p[d.gemeindeschluessel]| | 0)-d.betten_-frei;
p[d]=(p[d]| | 0)-d.faelle_covid_aktuell;
p[d]=(p[d]| 0)-d.betten|u frei;
p[d]=(p[d]| | 0)-d.betten_belegt;
返回p;
}, () => ({}));
函数选择栈(一){
返回函数(数据项){
返回dataItem.value[i];
};
}
柱状图
.身高(200)
.x(d3.scaleLinear().domain([1,21]))
.brushOn(错)
.clipPadding(10)
.尺寸(dim)
.group(组“1”,选择堆栈(“1”))
.renderLabel(真);
barChart.legend(dc.legend());
对于(var j=2;j

我忘了说“gemeindeschluessel”是这个城市和“bundesland”的数字状态的编号。我可以看到您在这里尝试了很多事情。这有一些奇怪的事情,比如在维度键函数中返回整行,在是否将行设置为数组或带字段的对象方面有些犹豫不决,在reduce函数中用整行为对象编制索引(
d
).我不确定你是从一种方法开始,然后朝着不同的方向发展,还是从许多不同的例子中复制和粘贴。也许可以仔细看看这些方法是如何工作的,我认为你是从这些方法开始的?我试了很多次思考,但我并没有真正理解这个小组()函数。我想有人可以告诉我在这个上下文中正确使用group()。也许这个示例对于您的数据更容易理解:如果您搜索
[dc.js],有很多dc.js示例在页面顶部的搜索栏中,你可以找到很多答案。对不起,我现在没有时间回答。好的,我想我现在知道了。但是有人知道,我怎么能把日期写在我的x轴上吗?我忘了说“gemeindeschluessel”是城市和“bundesland”的数字状态的编号。我可以看到您在这里尝试了很多事情。这有一些奇怪的事情,比如在维度键函数中返回整行,在是否将行设置为数组或带字段的对象方面有些犹豫不决,在reduce函数中用整行为对象编制索引(
d
).我不确定你是从一种方法开始,然后朝着不同的方向发展,还是从许多不同的例子中复制和粘贴。也许可以仔细看看这些方法是如何工作的,我认为你是从这些方法开始的?我试了很多次思考,但我并没有真正理解这个小组()函数。我想有人可以告诉我在这个上下文中正确使用group()。也许这个示例对于您的数据更容易理解:如果您搜索
[dc.js],有很多dc.js示例在页面顶部的搜索栏中,你可以找到许多答案。对不起,我现在没有时间回答。好的,我想我现在知道了。但是有人知道,我怎么能把日期写在我的x轴上吗?