2014-10-09 4 views
0

저는 dc.js를 처음 사용했습니다 ... 그리고 솔직히 숫자 표시 위젯에 어떤 일이 일어나는지 약간의 단서가 있습니다. 나는 예제를 살펴 보았고 본질적으로 그것의 섹션을 복사하여 코드가 작동하기를 바랬다. 내 목표는 선 그래프의 평균을 표시하는 것입니다 (교차 점수에 따라 달라질 수 있음). 어떤 제안? ...dc.js 번호 표시 위젯

var ndx = crossfilter(csv); 
var all = ndx.groupAll(); 
var bysat = ndx.dimension(function(d) { return d.compositesat; }); 

var boxND = dc.numberDisplay("#number-box"); 

var satavgnum = bysat.group().reduce(
      function (p, v) { 
       ++p.n; 
       p.tot += v.compositesat; 
       return p; 
      }, 
      function (p, v) { 
       --p.n; 
       p.tot -= v.compositesat; 
       return p; 
      }, 
      function() { return {n:0,tot:0}; } 
    ); 

var average = function(d) { 
    return d.n ? d.tot/d.n: 0; }; 

boxND 
    .formatNumber(d3.format(".3s")) 
    .valueAccessor(average) 
    .group(satavgnum); 

답변

2

"작동하지 않습니다." 어떤 결과가 나타 납니까? 0? NaN? 공백?

결과가 표시되었지만 잘못 되었으면 디버거를 꺼내 데이터의 오류를 확인해야합니다. 당신이 어떤 결과를 얻는하지 않는 경우

https://github.com/dc-js/dc.js/wiki/FAQ#tell-whether-my-groups-are-functioning-correctly--whether-my-input-data-is-good

#number-box DIV에 몇 가지 초기 텍스트를 넣고, 그것을 덮어 도착하면 보는 시도 : 여기 팁 몇 가지 있습니다.

실제로/example.html 예제를 복사하여 붙여 넣은 것처럼 보입니다. 그리고 바이올린이나 적어도 데이터의 예가 아니라면 무엇이 잘못 될지 말할 수 없습니다.