1

我有三个点数组，它们定义了三个路径，并且需要沿着每条路径移动一个不同的点，并且可以选择改变速度。这三个数组包含在另一个数组中，所以结构基本上是这样的：

DataByDays = [ [(array of x1's), (array of y1's)], [(array of x2's), (array of y2's)], [(array of x3's), (array of y3's)]

我已经绘制了路径并有一个类似地保存它们的数组，例如：

PathArray = [path1, path2, path3]

目前，我已经创建了每个跟踪器：

trackers = svg.selectAll("circle").data(dataByDays)
        .enter()
        .append("circle")
        .attr("cx", function(d){return d[0][0];}) //x coord @ start of path 
        .attr("cy", function(d){return d[0][1];}) //y coord @ start of path
        .attr("r", 5)
        .attr("fill", "black");

我尝试采用各种解决方案来解决类似问题，但没有任何效果。我想从让跟踪器沿着路径移动开始，但还需要结合使用我已经创建的滑块更改跟踪器移动速度的能力。

4

0 回答 0