如何修改D3軸上的刻度和格式標籤？

Question

我正在與this example合作，但我正在努力尋找如何格式化x軸以防止重疊。我相信我遇到的一些困難是由於縮放/平移選項的刷子。我試圖將八月標籤移動到右側，以便它們不會重疊y軸。此外，刷標籤完全相互重疊，我也想解決這個問題。

x軸碼

this.xAxisTop = d3.svg.axis().scale(this.xScale).orient("bottom"); 
this.xAxisBottom = d3.svg.axis().scale(this.xScale).orient("top"); 

刷代碼

context.append("g") 
    .attr("class", "x brush") 
    .call(brush) 
    .selectAll("rect") 
     .attr("y",0) 
     .attr("height", contextHeight); 

我已經嘗試通過選擇x軸和主叫.ticks(5)直接修改x軸，但是它的作用返回一組與軸功能相關的代碼。

請讓我知道如果我應該包含更多連貫的解釋或例子，謝謝！

Answer 1

對於這個問題，我們必須編寫定製的刻度格式函數。

縮放在下面的鏈接中解決時發生同樣的問題。

http://stackoverflow.com/questions/20010864/d3-axis-labels-become-too-fine-grained-when-zoomed-in 

以下鏈接可以幫助您解決您的問題直接

http://jsfiddle.net/BdGv5/3/ 

三個自定義JavaScript功能可以幫助你改變你的軸格式。