Versuch, Daten zu rendern d3 crossfilter dc.js BarChart. Das Diagramm ist gezeichnet, aber leer

Ich muss etwas Naives tun, aber ich kann meine Daten nicht innerhalb des Diagramms rendern.

Hier sind meine Beispieldaten:

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

Hier ist mein Code:

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

Was vermisse ich hier? Hier ist der Screenshot der Grafik:

Antworten auf die Frage(1)

Ihre Antwort auf die Frage