d3.js - D3：如何在带有下拉菜单的 parcoords 中使用 hideAxis

Question

我正在按照此处的示例并尝试在选择时实现轴的隐藏，就像在示例中捆绑的情况下所做的那样。

但我可以显示下拉菜单，但我的隐藏选项不起作用，但它只会更新。

这是我的代码：
.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);
    }