javascript - データをレンダリングしようとしていますd3クロスフィルターdc.js棒グラフ。チャートは描かれていますが、空です

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軸の目盛りと一致させる必要があります。