为什么我在d3中设置y属性值并且它实际上没有生效;

Question

代码显示如下：

d3.select('#points').append('use')
    .attr('id', 'yd')
    .attr('type', 'point')
    .attr('x', 70)
    .attr('y', 480)
    .attr('class', 'origin')
    .attr('xlink:href','#point')
    .call(d3.drag()
        .on('start', dragstarteds)
        .on('drag', draggeds)
        .on('end', dragendeds));
console.log(d3.select('#yd'));
console.log(d3.select('#yd').attr('y'));

控制台获得的两个结果如下： 1.The set x attribute takes effect but the y attribute does not take effect

2.But the value obtained through d3.select('#yd').attr('y') is exactly the value of the y attribute I set (80)

The y property value shown on the page is 490 instead of the 480 I set

我没有在别处修改这个y属性值。有人可以帮我看看问题是什么吗？