javascript - d3棒グラフをグループ棒グラフに変換

Question

日付に基づいてデータを日ごとにリストする d3 棒グラフがあります。これはうまく機能しますが、グループ化された棒グラフ形式または横棒だけで、1 日あたり 2 セットのデータを表示する必要があります。

これには少しリファクタリングが必要だと思いますが、それをだましてネットで見つけたたくさんの例を参照した後、チャートがタイムスケールと線形スケールを使用しているという事実は、これについての私の理解にレンチを投げかけます. 誰かがこのチャートに毎日 2 本のバーを表示する方法を教えてくれることを願っています。

私の現在のx軸の設定:

var xTimeScale = d3.time.scale().
domain([new Date(data[0].date), d3.time.day.offset(new Date(data[data.length - 1].date), 1)])
.range([0, width]);

var xScale = d3.scale.linear()
.domain([0, data.length])
.range([0, width]);

私のフィドル: http://jsfiddle.net/MmEjF/45/

したがって、2 つの別個のデータ セットから、1 日あたり 2 つのバーが必要です。各バーは、各データ セットの値を表します。グループ化されたバーを表示するにはどうすればよいですか? データセットを 1 つにまとめた方がよいでしょうか?