访问d3.js中的parent属性以设置child的属性

Question

我这里有HTML的（一部分）：

<g style="fill: rgb(49, 130, 189);" transform="translate(0,0)" x="200" class="chr">
    <circle cy="175.92776604033872" r="3"></circle>
    <circle cy="292.4129588695106" r="3"></circle>
</g>

我正在尝试设置圆的cx属性，为此我需要访问父对象的x属性。我的代码如下：

ch.selectAll('circle')
    .data((d) => {
      return d.values;
    })
    .enter().append('circle')
    .attr('r', 3)
    .attr('cx', (d) => {
      ...
    })
    .attr('cy', (d) => {
      return y(d.num);
    });

有人知道在设置cx值时如何获得x属性的值吗？提前感谢！！

Answer 1

考虑到@GerardoFurtado的评论，我假设您出于其他原因将x值隐藏在那里，然后定位

您可以访问父属性（和x属性）为：

.attr('cx', function(d) {
  var parentXValue = d3.select(this.parentNode).attr("x");
})