我正在尝试用d3创建svg路径，并试图了解如何让d3基于单独的数据创建路径。
例如，这里我有固定的数据**path Value和两个单独的集合index1 and index2。我想基于这些数据创建路径，这意味着我想总共创建11条路径，而下面的代码只创建8**条路径。
第一个
我最好的猜测是，当d3开始在path2上工作时，它可能会覆盖index1的前3个路径，因为前3个路径已经在DOM中可用。
我如何让d3忽略DOM中可用的前3个路径，并从头开始index2？我不想合并index1和index2。什么是达到所需输出的d3方法？
我知道我能做到但这是唯一的办法吗
第一个
1条答案
按热度按时间kkbh8khc1#
了解selection.join（）在d3中的意义对你来说很重要。https://observablehq.com/@d3/selection-join
这在上面的post中有很好的解释-如果连接选择不是空的-就像上面循环的后续迭代一样- selection.join会追加进入的元素并删除退出的元素以匹配数据！
您将index 1作为数据传递，而当您将index 2作为另一组数据传递时，join将删除现有元素。并且仅对于输入元素，它将创建一个路径。如果您想为index 1和index 2创建线条，请使用join合并数据并绘制。
第一个