D3.js 条形图中的分类标签部分隐藏

我有一个条形图，其中我的x轴刻度标签在svg中被切断，我似乎找不到适当的操作来显示它们。我尝试过使用与x变量关联的

.range（）

属性，但没有成功，我想知道是否应该添加“transform”属性或“margin-bottom”属性来解决此问题。关于导致此问题的原因和最佳解决方案有何指导

风险值数据=[
{“x”：“星期五”，“y”：76200000000001}，
{“x”：“星期一”，“y”：6.463335}，
{“x”：“星期六”，“y”：7.2366666}，
{“x”：“星期日”，“y”：7.388571428571429}，
{“x”：“星期四”，“y”：8.051112}，
{“x”：“星期二”，“y”：7.7179999999}，
{“x”：“星期三”，“y”：7.742}
]
var margin={顶部：10，右侧：30，底部：30，左侧：60}
变量宽度=800-margin.left-margin.right；
变量高度=800-margin.top-margin.bottom；
var svg=d3。选择（“我的数据维”）
.append（“svg”）
.attr（“宽度”，宽度+边距。左侧+边距。右侧）
.attr（“高度”，高度+边距。顶部+边距。底部）
.附加（“g”）
.attr（“变换”、“平移”（+margin.left+）、“+margin.top+”）；//平移（左侧边距，顶部边距）
var x=d3.scaleBand（）
.domain（d3.max（数据，函数（d）{return d.x}））
.范围（[0，宽度]）
.填充（0.2）；
svg.append（“g”）
.attr（“变换”、“平移”（“+0+”，“+height+”）
.call（d3.axisBottom（x））
.selectAll（“文本”）
.attr（“变换”、“平移（-10,0）旋转（-45）”）
.样式（“文本锚定”、“结束”）；
//附加x比例标题
svg.append（“文本”）
.attr（“转换”，
“平移（“+（宽度/2）+”，“+（高度+边距.top+20）+”）
.style（“文本锚定”、“中间”）
.文本（“工作日”）；

x轴的数据应使用

.map

获取

var x = d3.scaleBand()
        .domain(data.map(function(d) { return d.x; }))
        .range([0, width])
        .padding(0.2);

---

x轴的数据应使用

.map

获取

var x = d3.scaleBand()
        .domain(data.map(function(d) { return d.x; }))
        .range([0, width])
        .padding(0.2);

---

对不起，我知道你的答案是对的。非常感谢。对不起，我知道你的答案是对的。非常感谢。