試圖呈現數據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軸的比例相匹配的。