在1 svg中添加多个图形而不在d3中重叠

Question

我正在使用具有缩放和画笔特征的d3折线图来绘制2个不同过程的行为，会发生两个图形重叠的情况。如何更改代码以避免重叠。

我的数据结构就像，

{
    "processes": [{
            "calls": [{
                    "val": "A",
                    "id": 0
                },
                {
                    "val": "B",
                    "id": 1
                }
            ]
        },
        {
            "calls": [{
                    "val": "B",
                    "id": 0
                },
                {
                    "val": "B",
                    "id": 1
                },
                {
                    "val": "C",
                    "id": 2
                },
                {
                    "val": "A",
                    "id": 3
                },
                {
                    "val": "B",
                    "id": 4
                }

            ]
        }
    ]
}

我正在关注以下链接中提到的代码

https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172并添加图片以保持清晰