Javascript 在xAxis和svg第D3行之间添加空间

我需要在xAxis标签和刻度之间添加更多的空间，这样它们就不会重叠。蜱虫本身也不适合。。。代码如下：

const width=300；
常数高度=100；
常数填充=90；
常数marginTop=120；
常数marginBottom=120；
常数xScale=d3
.scalePoint（）
.domain（[“响应公司”、“食品和饮料”、“专有补救措施”]）
.范围（[填充，宽度-填充]）；
常数xAxis=d3.axisBottom（xScale）；
常量svg=d3
.选择（“正文”）
.append（“svg”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）
.attr（“类别”、“图表”）
.attr（“id”、“图表”）；
svg
.附加（“g”）
.attr（“transform”，`translate（0，${height-padding}）`）
.呼叫（xAxis）
.selectAll（“文本”）
.style（“文本锚定”、“结束”）
.attr（“dx”，“-.8em”）
.attr（“dy”，“.15em”）
.attr（“变换”、“旋转（-65）”）；
svg
.append（“文本”）
.attr（“文本锚定”、“中间”）
艾特先生(
“转化”，
翻译（“+宽度/2+”，“+（高度-填充/30）+”）
)
.文本（“行业类别”）
您可以做几件事

您可能希望增加标签的绘制角度：

const width=300；
常数高度=100；
常数填充=90；
常数marginTop=120；
常数marginBottom=120；
常数xScale=d3
.scalePoint（）
.domain（[“响应公司”、“食品和饮料”、“专有补救措施”]）
.范围（[填充，宽度-填充]）；
常数xAxis=d3.axisBottom（xScale）；
常量svg=d3
.选择（“正文”）
.append（“svg”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）
.attr（“类别”、“图表”）
.attr（“id”、“图表”）；
svg
.附加（“g”）
.attr（“transform”，`translate（0，${height-padding}）`）
.呼叫（xAxis）
.selectAll（“文本”）
.style（“文本锚定”、“结束”）
.attr（“dx”，“-.8em”）
.attr（“dy”，“.15em”）
.attr（“变换”、“旋转（-45）”）；
svg
.append（“文本”）
.attr（“文本锚定”、“中间”）
艾特先生(
“转化”，
翻译（“+宽度/2+”，“+（高度-填充/30）+”）
)
.文本（“行业类别”）