簡體   English   中英

在Crossfilter / DC.js中進行CSV加載和過濾器創建

[英]CSV loading and filter creating in Crossfilter / DC.js

在這里繪制新手圖表。 我有一個要在d3中使用交叉過濾器(dc.js)進行可視化處理的CSV文件。

我似乎無法使餅圖.group()正常工作,我認為這可能與讀取CSV有關,或者我對crossfilter grouping命令不了解。

 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();
 }

因此日志似乎返回“對象”而不是實際的區域名稱,這里是示例數據

     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

餡餅正確顯示。

這是the人: http ://plnkr.co/edit/R4tDrG8kRmFKHUEzK1QT?p=preview

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM