D3 可见性 - if 语句

Question

我有一个功能，可以通过单击按钮来更改元素的可见性。

$<button class="pure-button pure-button-primary" title="convex-button" onclick= "convexHullvisibility()"><i>Convex Hull</i></button>$

不幸的是，这个函数不起作用，我认为问题出在 if 语句。

function convexHullvisibility(){

            if (hull.attr("visibility", "visible")){
                alert("1");
                hull.attr("visibility", "hidden");
            }
            else{
                alert("2");
                hull.attr("visibility", "visible");
            }
        }

hull的定义在这里

svg.append("rect")
                .attr("width", width)
                .attr("height", height);

        var hull = svg.append("path")
                .attr("class", "hull")
                .attr("visibility", "visible");

        var vertices = [];

        function redraw() {
            hull.datum(d3.geom.hull(vertices)).attr("d", function (d) {
                return "M" + d.join("L") + "Z";
            });
        }

对 if 语句有任何帮助吗？？

Answer 1

两个参数attr用于设置属性值，如果你想测试它们你需要使用单参数形式获取值并使用普通 JS 运算符对其进行测试

if (hull.attr("visibility") == "visible"){

D3 可见性 - if 语句

D3 visibility - if statement

visibility

if-statement

d3.js