Javascript 无法从dc.js数据表中删除空存储箱
我正在尝试移除空箱子,或者我应该说是dc.js数据表中具有0值的行 我已经根据dc.js文档的常见问题解答中提供的示例和代码片段编写了代码,但我仍然无法获得预期的结果 我试图使用一个假组对我的数据进行分组,然后按总额的降序对表进行排序Javascript 无法从dc.js数据表中删除空存储箱,javascript,dc.js,crossfilter,Javascript,Dc.js,Crossfilter,我正在尝试移除空箱子,或者我应该说是dc.js数据表中具有0值的行 我已经根据dc.js文档的常见问题解答中提供的示例和代码片段编写了代码,但我仍然无法获得预期的结果 我试图使用一个假组对我的数据进行分组,然后按总额的降序对表进行排序 var data = [{salesman: "AB",name: "John",total: 190.1,type: "Tab"}, {salesman: "CD",name: "David",total: 190,type: "Tab
var data = [{salesman: "AB",name: "John",total: 190.1,type: "Tab"},
{salesman: "CD",name: "David",total: 190,type: "Tab"},
{salesman: "EF",name: "Elton",total: 300.5,type: "Visa"},
{salesman: "AB",name: "John",total: 90.0,type: "Tab"},
{salesman: "EF",name: "Elton",total: 90,type: "Tab"},
{salesman: "CD",name: "David",total: 90,type: "Tab"}];
var ndx = crossfilter(data);
var salesManDim = ndx.dimension(function(d) {
return d.salesman;
});
var salesmanSumGroup = salesManDim.group().reduceSum(function(d) {
return (Math.round((d.total) * 100) / 100);
});
var salesmanChart = dc.pieChart("#chart");
salesmanChart
.width(200)
.height(150)
.slicesCap(10)
.innerRadius(30)
.dimension(salesManDim)
.group(salesmanSumGroup);
var salesMan_TypeDim = ndx.dimension(function(d) {
return d.salesman + "/" + d.type;
});
var groupedDimension = salesMan_TypeDim.group().reduce(
function(p, v) {
p.TOTAL += +(Math.round((v.total) * 100) / 100);
p.SALESMAN = v.salesman + " - " + v.name;
p.TYPE = v.type;
return p;
},
function(p, v) {
p.TOTAL -= +(Math.round((v.total) * 100) / 100);
p.SALESMAN = v.salesman + " - " + v.name;;
p.TYPE = v.type;
return p;
},
function() {return { TOTAL: 0, SALESMAN: "",TYPE: ""};});
var rank = function(p) {
return p.key.substr(p.key.lastIndexOf("/") + 1);
};
function remove_empty_bins(source_group) {
function non_zero_pred(d) {
return d.value.TOTAL !== 0;
}
return {
top: function(n) {
return source_group.top(Infinity).filter(non_zero_pred).slice(0, n);
}
};
}
dc.dataTable(".dc-data-table")
.dimension(remove_empty_bins(groupedDimension))
.group(rank)
.size(Infinity)
.columns([
function(d) {
return d.value.SALESMAN;
},
function(d) {
return (Math.round((d.value.TOTAL) * 100) / 100);
}
])
.sortBy(function(d) {
return d.value.TOTAL;
})
.order(d3.descending);
dc.renderAll();
dc.redrawAll();
当我签入调试器时,remove empty bins函数可以正常工作,但不知何故0值没有被过滤。这是因为我的键的定义方式吗 在这样一个简单的例子中出现它是令人惊讶的,但是浮点加减法通常会导致值不是零,而您希望它们是零 这种情况在十进制数中尤其常见 我们可以添加以下行来诊断问题:
.on('preRedraw', function(chart) {
console.log(chart.dimension().top(Infinity).map(x=>x.value.TOTAL));
})
事实上,当我们点击CD时,我们会看到:
[200, 370.3, 2.842170943040401e-14]
所以像这样写非零pred
:
function non_zero_pred(d) {
return Math.abs(d.value.TOTAL) > 0.0001;
}
零消失了:
我现在就去解决常见问题