d3 v5在嵌套折线图中添加点

Question

我需要在每个数据点的值线上添加一个点（即x =年，y =＃个事件按区域）。每个嵌套函数的每个区域都有自己的行。请参见下面的小提琴。

https://jsfiddle.net/32yL4bd9/

数据嵌套2x，并定义了汇总：

        // Draw dots on line
        svg
          .selectAll(".dot")
          .data(nest)
          .enter()
          .append("circle")
          .attr("class", "dot")
          .attr("cx", function(d, i) {
            return xScale(new Date(d.values.key));
            // d.values.forEach(function(value){
            //   return xScale( new Date(value.key))
            // })
          })
          .attr("cy", function(d) {
            return yScale(d.values.value);
            // d.values.forEach(function(value){
            //   return yScale(Number(value.value))
            // })
          })
          .attr("r", 5);

我认为这是嵌套数据和循环的问题。我试图以这种方式添加点：

version.ToString(3)