javascript - 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. 画两条线以显示范围（例如：对于 Band 2：一条连接 Band2,20,FM 的线和另一条连接 Band2,52,FM 的线
2. 对两条线之间的区域进行着色。

样品： http: //lalithkaushik.com/d3/

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

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

非常感谢