D3 使用箭头函数和 d3 每个迭代器

如何解决D3 使用箭头函数和 d3 每个迭代器

我正在构建一个包含许多子图表元素的图表。我关联我的数据，将 g 组元素附加到每个项目的主图表，然后使用 each 函数为每个项目附加一个子图表。这是我的代码：

   const parent = this; 
   topChartGroup
      .selectAll('g.sub-chart')
      .data(subCharts)
      .enter()
      .append('g')
      .attr('class','sub-chart')
      .each(function(d) {
          const gEl = d3.select(this);
          parent.createSubChart(d,parent);
       });

我想知道如何在 each 调用中使用箭头函数，以便我可以使用 this 而不是 parent 变量。这也将消除将 parent 变量传递到 createSubChart 函数的需要。我最初只想创建一个父组元素，并使用常规 for 循环迭代并附加每个子图表，但我想保留更多的 d3 语法。如何通过 each 方法使用箭头函数？