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响应，请参见以下问题。

在d3.js中调整窗口大小时调整SVG大小

使d3.js可视化布局响应的最佳方法是什么？