Javascript 使用d3的相同X轴多折线图

我使用blockbuilder.org中的一些片段和Mike Bostock可重用图表技术创建了d3图表

但是，对于多个图表，我希望有一个y轴。在这里，每当我调用select函数时，我都会为每个折线图创建Y轴

我在这里还要提到的是，我必须只显示最后选中的复选框图表的Y轴，这将是底部图表

这是我工作过的

以下是onload代码段

$（窗口）。加载（函数（）{
var textareas$=$（“#chartarea div”）；
textareas$.hide（）；
$（'input[name=“Air”]”）。更改（函数（）{
var elem$=$（本）；
var correspelem$=textareas$.eq（elem$.val（）-1）；
if（elem$.val（）==1）{
选择（‘零售’，“#零售”）；
}else if（elem$.val（）==2）{
选择（“气体”、“气体”）；
}else if（elem$.val（）==3）{
选择（“用餐”、“用餐”）；
}else{}；
如果（elem$.is（'：checked'））对应elem$.show（）；
else correspelm$.hide（）；
});
});
var data=[/将此代码添加到“更改”处理程序：

var chartAxis = document.querySelectorAll('#chartarea  .axis.x');

chartAxis.forEach((elem, index) => index !== chartAxis.length - 1 ? elem.style.display = 'none' : elem.style.display = 'block');

请打开JSFIDLE链接并尝试使用复选框我想要底部图表的x轴…谢谢！！但是，如果我选中了所有复选框并取消选中餐饮，则底部图表的轴（即煤气表）不会显示