Y axis some text cut of in d3js bar chart

Question

I have a bar chart with d3 which is https://jsfiddle.net/1e87abkz/

and to rotate the text I write

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

but in bottom some text cut of please suggest how to fix this to visible all text .

Answer 1

只需增加您的底部边距以腾出足够的空间（小提琴中的第65行）：

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

Answer 2

Increase the height of your svg to make it visible.

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

you can also make your svg responsive, see the questions below to do that.

Resize svg when window is resized in d3.js

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