javascript - 访问 d3.js 中的父属性以设置子属性

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");
})