d3.js - d3 軸目盛の配置

Question

d3棒グラフがあり、軸の目盛りはバーの下の中央にあります(予想どおり)。この場合、実際には軸の目盛りを左揃えにして、バーの左端の下に目盛りを配置したいと考えています。それは可能ですか？

EDIT：軸を構築するためのJavascript

// note width is just the width of the chart
var xScale = d3.scale.ordinal().rangeRoundBands([0,width], .1); 
var xAxis = d3.svg.axis().scale(xScale).orient("bottom");

Answer 1

目盛りを左揃えにする例を次に示します。

http://bl.ocks.org/mbostock/6186172

アイデアは、目盛りを作成した後、それらを収集して整列させることです。

svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(xAxis)
  .selectAll("text")
    .attr("y", 6)
    .attr("x", 6)
    .style("text-anchor", "start");