在 Crossfilter / DC.js 中加载和创建过滤器
CSV loading and filter creating in Crossfilter / DC.js
这里是图表新手。
我有一个 CSV 文件,我想使用交叉过滤器 (dc.js) 在 d3 中对其进行可视化。
我似乎无法让饼图 .group() 正常工作,我认为这可能与读取 CSV 文件有关,或者我对 crossfilter 分组命令了解不够.
function initDc(data) {
ndx = crossfilter(data);
all = ndx.groupAll();
var chart = dc.pieChart("#summary");
var region = ndx.dimension(function (d){return d['REGION_NAME'];});
var conversion = region.group().reduceSum(function(d) { return +d.TreatProd1;});
chart
.width(568)
.height(580)
// .slicesCap(4)
.innerRadius(10)
.dimension(region)
.group(conversion) // by default, pie charts will use group.key as the label
.renderLabel(true)
.label(function (d) {
console.log('label');
console.log(d);
return d.key.toUpperCase();
});
chart.render();
}
所以日志好像是return 'object'而不是实际的区域名称这里是样本数据
REGION_NAME,TreatProd1
Dublin,0
还有我的读取数据功能
$(document).ready(function() {
d3.csv("data/sample_data001.csv", function (data) {
//d3.csv("data/sample_datav002.csv", function (data) {
loadVizData(data);
//});
});
});
如果你的数据只有这一行:
REGION_NAME,TreatProd1
Dublin,0
那么饼图什么都没有显示(总和为0)。
我尝试了更多数据:
REGION_NAME,TreatProd1
Dublin,1
Dublin2,2
Dublin3,3
饼图显示正确。
这里是 plunker : http://plnkr.co/edit/R4tDrG8kRmFKHUEzK1QT?p=preview
这里是图表新手。 我有一个 CSV 文件,我想使用交叉过滤器 (dc.js) 在 d3 中对其进行可视化。
我似乎无法让饼图 .group() 正常工作,我认为这可能与读取 CSV 文件有关,或者我对 crossfilter 分组命令了解不够.
function initDc(data) {
ndx = crossfilter(data);
all = ndx.groupAll();
var chart = dc.pieChart("#summary");
var region = ndx.dimension(function (d){return d['REGION_NAME'];});
var conversion = region.group().reduceSum(function(d) { return +d.TreatProd1;});
chart
.width(568)
.height(580)
// .slicesCap(4)
.innerRadius(10)
.dimension(region)
.group(conversion) // by default, pie charts will use group.key as the label
.renderLabel(true)
.label(function (d) {
console.log('label');
console.log(d);
return d.key.toUpperCase();
});
chart.render();
}
所以日志好像是return 'object'而不是实际的区域名称这里是样本数据
REGION_NAME,TreatProd1
Dublin,0
还有我的读取数据功能
$(document).ready(function() {
d3.csv("data/sample_data001.csv", function (data) {
//d3.csv("data/sample_datav002.csv", function (data) {
loadVizData(data);
//});
});
});
如果你的数据只有这一行:
REGION_NAME,TreatProd1
Dublin,0
那么饼图什么都没有显示(总和为0)。
我尝试了更多数据:
REGION_NAME,TreatProd1
Dublin,1
Dublin2,2
Dublin3,3
饼图显示正确。
这里是 plunker : http://plnkr.co/edit/R4tDrG8kRmFKHUEzK1QT?p=preview