Y轴在d3js条形图一些文本切

Question

我有一个条形图与D3是https://jsfiddle.net/1e87abkz/

和旋转我写

.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?