데이터 렌더링 시도 d3 crossfilter dc.js BarChart. 차트가 그려 지지만 비어 있습니다.

Question

나는 순진한 뭔가를해야합니다.하지만 차트에서 렌더링 할 데이터를 가져올 수 없습니다.

여기

var data = [ 
    {  
     date: '02-12-2013', 
     val: 13, 
    } 
    {  
     date: '02-13-2013', 
     val: 6, 
    } 
    ... 
] 

내 코드 것 :

var cf = crossfilter(data); 
var dim = cf.dimension(function(d){ return d.val }); 
var group = dim.group(); 
var barchart = dc.barChart('#container'); 

barchart.width(850) 
.height(250) 
.margins({top: 10, right: 50, bottom: 30, left: 40}) 
.dimension(dim) 
.group(group) 
.gap(1) 
.x(d3.time.scale() 
      .domain([new Date(data[0].date), 
        new Date(data[data.length-1].date)])) 
.xUnits(d3.time.day) 
.centerBar(true) 
.renderHorizontalGridLines(true) 
.renderVerticalGridLines(true) 
.render(); 

내가 무슨 말이냐

여기 내 예를 들어 데이터입니까? 다음은 차트의 스크린 샷입니다 :

Answer 1

에 한번 당신의 차원으로 date을 사용 : 바 들어

var dim = cf.dimension(function(d){ return d.date }); 

은 일반적으로 X 축 스케일과 일치해야 할 것입니다 귀하의 차원을 차트.