svg：如何在计算线上设置圆？

我试图用svg在计算出的直线上设置一个圆

下面是我的例子：

html:

现在我尝试设置圆（取决于X到直线），但是我寻找一些函数，如

line（myX）。X

用于绘制圆：

 d3.select("#g-1").append("svg:circle")
    .attr("cx", myX)
    .attr("cy", line(myX).x)
    .attr("r", 4.5);

---

下面是一种添加圆的方法，该圆使用

点

数组中的第四个对象

在这里演奏小提琴：

JavaScript

d3.select("#g-1")
    .append("circle")
    .attr("cx", points[3].x )
    .attr("cy", points[3].y )
    .attr("r", 4.5);

---

我认为这将是一个解决方案：

---

在本例中，我将

x

从0取到500，并使用函数

line

获取所需的

y
您可以使用
path.getPointAtLength（I）

看
：）是的，精确的点很简单，但我想显示点之间的圆，例如x=15非床，但我需要通过画线来使用
插值（“基数”）
。我尝试过，但没有成功。很抱歉在绘制直线之前，我刚刚提出了获取cicrle的随机坐标，然后将其添加到数组
点中，然后绘制直线-但我认为这不是您想要的=）
 d3.select("#g-1").append("svg:circle")
    .attr("cx", myX)
    .attr("cy", line(myX).x)
    .attr("r", 4.5);

d3.select("#g-1")
    .append("circle")
    .attr("cx", points[3].x )
    .attr("cy", points[3].y )
    .attr("r", 4.5);