在Crossfilter / DC.js中加载CSV和创建过滤器
CSV loading and filter creating in Crossfilter / DC.js
这里是制图新手。我有一个CSV文件,我想在d3中可视化使用交叉过滤器(dc.js)。
我似乎无法让饼图。group()正确工作,我认为这可能与在CSV中阅读或我只是对交叉过滤分组命令不够了解有关。
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();
}
所以日志似乎返回'object'而不是实际的地区名称这里是样本数据
REGION_NAME,TreatProd1
Dublin,0
和我的read data函数
$(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
则饼没有显示(sum为0)。
我已经尝试了更多的数据:
REGION_NAME,TreatProd1
Dublin,1
Dublin2,2
Dublin3,3
饼图显示正确。
这是活塞:http://plnkr.co/edit/R4tDrG8kRmFKHUEzK1QT?p=preview
相关文章:
- 如何使用d3.layout.cloud.js创建一个包含单词及其权重的csv的单词云
- Highstock - 通过使用 php 创建的 csv 创建 OHLC 图
- 使用 FileReader 加载 CSV 以创建地图标记的 JS 对象 (地图 API)
- 从CSV动态创建对象
- 将json值组合在一起并创建csv
- 如何在 heroku 服务器目录上创建 csv 文件
- 从 CSV 数据创建 D3.js 可折叠树
- 使用 flash、javascript、classic asp 从 html 创建 CSV
- 使用 javascript 从 csv 文件中创建和填充选择元素
- 从流星.js集合创建 CSV 文件
- 从 csv 创建数组以用于 D3.js 库
- 如何从数组的结果创建.csv文件
- 从上传的 csv 数据创建数据表列定义
- 从上载的CSV文件创建DataTable
- 从CSV输入创建Google图表
- 创建链接到csv文件的表
- 如何创建一个“;返回函数并拆分csv文件的函数“;
- 从json字符串创建可下载的CSV
- 使用D3.js从CSV创建一个简单的折线图
- 从CSV创建独特的猫鼬对象