- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这是另一个 StackOverflow problem 的后续内容将包含多个 CSV 的图表创建到单个 dc.js 仪表板中。
我按照说明进行操作,我的图表正在运行。但是,numberDisplay
元素不起作用。我怀疑的是,由于我正在统计两个 CSV 的总计,因此我必须调整 groupAll.reduceSum()
函数,但我不确定如何调整。我的代码示例如下
//using queue.js to load data
var q = queue()
.defer(d3.csv, "data1.csv")
.defer(d3.csv, "data2.csv");
q.await(function(error, data1, data2){
//initiatizing crossfilter and ingesting data
var ndx = crossfilter();
ndx.add(data1.map(function(d){
return { age: d.age,
gender: d.gender,
scores: +d.scores,
total: +d.total,
type: 'data1'};
}));
ndx.add(data2.map(function(d){
return { age: d.age,
gender: d.gender,
scores: +d.scores,
total: +d.total,
type: 'data2'};
}));
//initializing charts
totalDisplay = dc.numberDisplay("#total-display");
totalScores = dc.numberDisplay("#total-scores");
//groupAll function to sum up the values
var scoresGroup = ndx.groupAll().reduceSum(function(d) {
d.scores;
});
var totalGroup = ndx.groupAll().reduceSum(function(d) {
d.total;
});
//parameters for the number display. Currently it is returning NaN
totalDisplay
.formatNumber(d3.format(","))
.valueAccessor(function(d) {
return d;
})
.group(totalGroup);
totalScores
.formatNumber(d3.format(",f"))
.valueAccessor(function(d) {
return d;
})
.group(scoresGroup);
任何帮助将不胜感激!
最佳答案
您需要使用return
才能从函数返回值!
var scoresGroup = ndx.groupAll().reduceSum(function(d) {
d.scores;
});
var totalGroup = ndx.groupAll().reduceSum(function(d) {
d.total;
});
应该是
var scoresGroup = ndx.groupAll().reduceSum(function(d) {
return d.scores;
});
var totalGroup = ndx.groupAll().reduceSum(function(d) {
return d.total;
});
否则,您最终会得到 undefined
的总和,并且 undefined
不是一个数字。 :-)
关于javascript - dc.js:具有多个 CSV 的 ReduceSum,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30948009/
我正在使用 dc.js 制作 map ,crossfilter 函数 reduceSum() 引入了一些舍入错误。 简化示例: group = dimension.group().reduceSum(
我有以下类型的数据集: a:5 b:4 c:3 d:A a:6 b:5 c:4 d:A a:7 b:6 c:5 d:B a:8 b:7 c:6 d:B a:9 b:8 c:7 d:C 我希望“d”作为
这是另一个 StackOverflow problem 的后续内容将包含多个 CSV 的图表创建到单个 dc.js 仪表板中。 我按照说明进行操作,我的图表正在运行。但是,numberDisplay
谁能用简单的术语解释一下带有参数 reduceAdd、reduceSum、reduceRemove 的 reduce 函数如何在 crossfilter 中工作>? 最佳答案 请记住,map redu
我是一名优秀的程序员,十分优秀!