D3：如何在parcoords中使用hideAxis和下拉菜单

Question

我正在关注here中的示例，并尝试在选择中实现轴的隐藏，就像在示例中捆绑一样。

但是我可以显示下拉菜单，但我的隐藏选项无法正常工作，但只是更新了。

这是我的代码：
的 html的

     <div id="bundleDimension">Bundle using clusters determined by: </div>
    </p>

    <div id="hideAxis">Hide the axis of selected Dimension: </div>
    </p>

以下是正在实施此功能的 .JS 代码。

       var select = d3.select("#hideAxis").append("select").on("change",lostAxis);
        var options = select.selectAll('option')
        .data(d3.keys(pc0.dimensions()));

         options
        .enter()
        .append("option")
        .attr("value", function(d) {return d;})
        .text(function(d) {return d;});

        function lostAxis() {
        pc0.hideAxis(this.value);
        }

这是由捆绑示例代码推动的，该代码也在下面提到：

    var select = d3.select("#bundleDimension").append("select").on("change", changeBundle);

    var options = select.selectAll('option')
    .data(d3.keys(pc0.dimensions()));

    options
    .enter()
    .append("option")
    .attr("value", function(d) {return d;})
    .text(function(d) {return d;});

    function changeBundle() {
    pc0.bundleDimension(this.value);
    }