Javascript 用D3触发同时转换

Javascript 用D3触发同时转换,javascript,jquery,d3.js,Javascript,Jquery,D3.js,我构建了一个D3脚本,它将节点与路径连接起来。正如你从小提琴上看到的,我创建了一个过渡,将一个圆从节点a发送到节点C 我现在想对剧本作如下修改: 在10秒内将10个蓝色/红色圆圈从A发送到B 在10秒内从A向C发送15个蓝色/红色圆圈 步骤(1)和(2)同时进行 循环调度是“随机”的。圆圈速度不变,但调度在不同路径、颜色和10秒之间不均匀触发。一条路径上可以同时有多个圆 步骤1到4当然可以保存在数组中,如下所示: { "pathAB": { "duration": 1000,

我构建了一个D3脚本,它将节点与路径连接起来。正如你从小提琴上看到的,我创建了一个过渡,将一个圆从节点a发送到节点C

我现在想对剧本作如下修改:

  • 在10秒内将10个蓝色/红色圆圈从A发送到B
  • 在10秒内从A向C发送15个蓝色/红色圆圈
  • 步骤(1)和(2)同时进行
  • 循环调度是“随机”的。圆圈速度不变,但调度在不同路径、颜色和10秒之间不均匀触发。一条路径上可以同时有多个圆
  • 步骤1到4当然可以保存在数组中,如下所示:

    {
      "pathAB": {
        "duration": 1000,
        "blue": 5,
        "red":5
      },
      "pathAC": {
        "duration": 1000,
        "blue": 5,
        "red":10
      }
    }
    

    我被卡住了。目前,我甚至无法触发两个连续事件(第二个覆盖第一个,第一个未触发)。同时发射事件的努力也失败了。我整个晚上都在扫描堆栈溢出,但效果有限。任何帮助都将不胜感激

    你到底是如何实现这一点的?你当然可以在不同的元素上并行运行转换。你好,拉尔斯!谢谢你的留言。引用的JSFIDLE是我的最新尝试。。我无法在不同的元素上并行运行转换。我想,如果你能用我的例子向我展示如何做到这一点,这对我解决问题来说已经是一个很大的进步。如果你真的不能让两个圆同时在同一条路径上过渡,我想我可以叠加多条路径以达到预期的效果??我不确定我是否理解你的问题。你所需要做的就是转换第二个圆:你只需要在转换中指定一个不同的路径。。。好吧,我还是建议你试着了解到底发生了什么。您在其中有显式链接移动元素和路径的代码,因此应该很容易找到。