Y軸であり、IはD3と棒グラフを有し

Question

d3jsバーチャートの一部のテキストカットhttps://jsfiddle.net/1e87abkz/

及びIは

.selectAll("text") 
      .style("text-anchor", "end")    
      .attr("dx", "-.8em") 
      .attr("dy", ".15em") 
      .attr("transform","rotate(-65)") 
      .style("font-size","15px"); 

が、底部に の一部のテキストカットを書き込むテキストを回転させます これを表示するすべてのテキストに修正する方法をご提案ください。

Answer 1

だけで（あなたのフィドルでライン＃65）に十分なスペースを確保するために、あなたの下のマージンを大きく：

var margin = { top: 20, right: 30, bottom: 120, left: 40 }, 

Answer 2

は、それが見えるようにする、あなたのSVGの高さを増やします。

<svg id="graph" style="height:700px"></svg> 

あなたもあなたのsvgを反応させることができます。以下の質問を参照してください。助けのための

Resize svg when window is resized in d3.js

Whats the best way to make a d3.js visualisation layout responsive?