javascript - D3 で X 軸に沿ってカスタム ティックを設定するにはどうすればよいですか?

Question

次のような目盛りを持つデータがありました

"ticks":[[[0, 13], "A"], [[13, 15], "B"], [[15, 17], "C"], [[17, 19], "D"]]

そして私はいくつかの簡単なコードを試します

var x_data = json["x-axis"];
x.domain([x_data.range[0],x_data.range[1]]);
var xScale = d3.scale.ordinal();
var X_ticks = x_data.ticks;
xScale.domain(X_ticks.map(function(d){return d[0];})).range(x);
xAxis = d3.svg.axis()
 .scale(xScale)
 .ticks(20)
 .tickSubdivide(true)
 .orient("bottom");

しかし、それはうまくいきませんか？またはヒント？騙す？カスタムタイプの目盛りのラベルと範囲を表示する