javascript - d3js条形图中Y轴的一些文本剪切

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

只需增加底部边距以腾出足够的空间( fiddle 中的第 65 行):

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