D3.js 带有负值的dc.js行图表不';不显示整行

D3.js 带有负值的dc.js行图表不';不显示整行,d3.js,dc.js,crossfilter,D3.js,Dc.js,Crossfilter,我创建了一个行图表来显示一些负值。我想将图表放在另一个正值行图表的旁边,因为行图表不支持堆叠 问题是,行没有完全显示。elasticX似乎是个问题。x轴比例范围从最低值限制到最高值 我已经创建了一个片段来演示bahaviour 在本例中,范围为-2000到-800,这是lowes值。但我显然需要它是-2000比0。 我没有找到解决办法。因此,任何帮助都将不胜感激 var数据=[{ “姓名”:“A”, “出局”:1000 }, { “名称”:“B”, “出局”:1200 }, { “姓名”:“C

我创建了一个行图表来显示一些负值。我想将图表放在另一个正值行图表的旁边,因为行图表不支持堆叠

问题是,行没有完全显示。elasticX似乎是个问题。x轴比例范围从最低值限制到最高值

我已经创建了一个片段来演示bahaviour

在本例中,范围为-2000到-800,这是lowes值。但我显然需要它是-2000比0。 我没有找到解决办法。因此,任何帮助都将不胜感激

var数据=[{
“姓名”:“A”,
“出局”:1000
}, {
“名称”:“B”,
“出局”:1200
}, {
“姓名”:“C”,
“外出”:1500
}, {
“名称”:“D”,
“出局”:800
}, {
“名称”:“E”,
“退出”:2000年
}];
var rowChart=dc.rowChart(“#rowChart”);
var ndx=交叉滤波器(数据),
nameDimension=ndx.dimension(函数(d){
返回d.name;
}),
outGroup=nameDimension.group().reduceSum(函数(d){
返回-d.out;
});
行图宽度(300)
.高度(500)
.margins({顶部:10,右侧:10,底部:30,左侧:50})
.维度(名称维度)
.组(组外)
.elasticX(真实)
.xAxis().ticks(2);
dc.renderAll()

这一点在2.0 beta 32中得到了修复

问题是,
2.1.0-dev
版本非常旧,无法更新,不能弃用

开发标签完全没有意义!因此,开发分支不能通过真正的CDN进行分发。如果要使用dc.js的开发版本,则需要在
package.json
中使用以下命令指定依赖项:

或者,如果您没有使用npm,并且可以接受假CDN,您可以使用:

https://cdn.rawgit.com/dc-js/dc.js/develop/dc.js
下面使用2.0 beta 33对代码段进行了更正

希望我们能很快推出真正的2.1版,
2.1.0-dev
将被埋没

var数据=[{
“姓名”:“A”,
“出局”:1000
}, {
“名称”:“B”,
“出局”:1200
}, {
“姓名”:“C”,
“外出”:1500
}, {
“名称”:“D”,
“出局”:800
}, {
“名称”:“E”,
“退出”:2000年
}];
var rowChart=dc.rowChart(“#rowChart”);
var ndx=交叉滤波器(数据),
nameDimension=ndx.dimension(函数(d){
返回d.name;
}),
outGroup=nameDimension.group().reduceSum(函数(d){
返回-d.out;
});
行图宽度(300)
.高度(500)
.margins({顶部:10,右侧:10,底部:30,左侧:50})
.维度(名称维度)
.组(组外)
.elasticX(真实)
.xAxis().ticks(2);
dc.renderAll()


我注意到外部脚本的顺序错误-crossfilter.js依赖于d3.js,因此它应该在dc.js之后,但在dc.js之前;也许这就是图表显示不正确的原因。

谢谢您的解释。你让我开心。现在我只需要在2.0.0-beta.33版本中集成selectMenu,因为我使用的是该版本。如果您愿意自己托管该文件,则无需编辑任何内容。只需下载此文件并将其放入您的项目中:
https://cdn.rawgit.com/dc-js/dc.js/develop/dc.js