d3.js - 時間スケール軸上でrectのx位置を変更する方法は？

Question

私は時間軸x軸上に棒グラフを描画しています。例えば は、

var x = d3.time.scale() .domain([minDate, maxDate]) .range([0, width]); chart.selectAll(".bar") .data(data) .enter().append("rect") .attr("x", bar_graph.x()) .attr("y", d.value) .attr("width", 10); 

は、矩形のコーナーが割り当てられ、X点から始まり、左が、私は、矩形の 中央にX-ポイントを割り当てます。

時間スケールであるため、単純な減算x-5（幅が10pxと仮定した場合）は機能しませんでした。私はinvert（）を試しても、svgの参照をチェックしましたが失敗します。問題はx属性を設定するには確かにある

Answer 1

、それは問題がbar_graph.x（）文である表示され、このような何かをやってみてください：

.attr("x", function(d) {return x(d.dateVal)-barwidth/2;}) 

は、ここに完全な実装を参照してください：http://jsfiddle.net/qAHC2/4/