Javascript y轴和y轴标签之间的间距

使用辅助对象创建y轴，但我似乎无法在轴和标签之间为其创建更多空间。我试着用

eval（margin.left-3）

移动它，但这也会移动轴。有什么想法吗

svg.append("g")
        .attr("class", "y axis")
        .attr("transform", "translate(" + eval(margin.left-3) + ",0)")
        .call(yAxis);

---

您需要特别选择记号中的文本，然后更改其属性以移动它，如：

d3.selectAll(".tick text") // selects the text within all groups of ticks
        .attr("x", "-20"); // moves the text to the left by 20

完整工作片段：

正文{边距：0；位置：固定；顶部：0；右侧：0；底部：0；左侧：0；}
可变宽度=400，
高度=400；
var margin={顶部：50，底部：50，左侧：50，右侧：50}
var数据=[0,15,20,25,30]；
//追加SVG
var svg=d3.选择（“主体”）
.append（“svg”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）；
//创建比例
var scale=d3.scaleLinear（）
.domain（[d3.max（数据），d3.min（数据）]）
.范围（[0，宽度-100]）；
var yAxis=d3.axisLeft（）
.比例尺（比例尺）；
svg.append（“g”）
.attr（“类”、“y轴”）
.attr（“转换”、“转换”（+eval（margin.left-3）+“，0）”）
.呼叫（yAxis）；
d3.选择全部（“.勾选文本”）
.attr（“x”、“-20”）；

我可以知道您使用的是哪一版本的d3吗？应该是最新的5.14吗？您指的是勾号文本，对吗？