D3平行坐标：绘制两条线以显示范围并对它们之间的区域进行着色

Question

我在平行坐标名称，频率范围和波段中有3个轴。我正在尝试做两件事：

{
            "kind": "t3",
            "data": {
                "name": "Band2",
                "frequencyRange": "20-52",
                "Band": "FM"
            }
        },
        {
            "kind": "t3",
            "data": {
                "name": "Band3",
                "frequencyRange": "1-11",
                "Band": "AM"
            }
        },
        {
            "kind": "t3",
            "data": {
                "name": "Band4",
                "frequencyRange": "1.5-4.25",
                "Band": "AM"
            }
        }

1. 绘制两条线以显示范围（例如：对于波段2：连接Band2,20，FM和连接Band2,52的另一条线路，FM
2. 遮蔽两条线之间的区域。

示例：http://lalithkaushik.com/d3/

我试图在这里粘贴脚本部分，但是堆栈溢出不允许我这样做。 http://lalithkaushik.com/d3/code.html

任何建议都会有所帮助和赞赏..

非常感谢