日付を2行で区切る方法は？

Question

私は月と年を含むティックを持つX軸の棒グラフを持っています。月と年は現在一列になっています。

var xAxis = d3.svg.axis() 
        .scale(x) 
        .orient("bottom") 
        .tickFormat(RU.timeFormat("%b %Y")); 

第1行に月を残し、第2行にその年を移動する必要があります。ここで

svg.append("g") 
    .attr("class", "axis") 
    .attr("transform", "translate(0," + (h - padding) + ")") 
    .call(xAxis); 

は私jsfiddleです：https://jsfiddle.net/anton9ov/uaygrmLo/

Answer 1

ボストックによって書かれたこの素敵な "ラップテキスト機能"、があります：https://bl.ocks.org/mbostock/7555321

この機能を使用するには、私は自分の軸を変更：

svg.append("g") 
    .attr("class", "axis") 
    .attr("transform", "translate(0," + (h - padding) + ")") 
    .call(xAxis) 
    .selectAll(".tick text") 
    .call(wrap, 40); 

フィドルを確認してください：https://jsfiddle.net/gerardofurtado/aLc8t6yq/

PS：ここでは魔法の数字として40を使用しましたが、必要に応じて変更します。