D3：根据条件跳过项目

Question

我有一个如下数据数组：

mydata = [ {
           "title": "key1",
           "description": "some description 1",
           "visible": "1",
         },
         {
           "title": "key2",
           "description": "some description 2",
           "visible": "0",
         },
         {
           "title": "key3",
           "description": "some description 3",
           "visible": "1",
         }
  ]

...并使用以下代码：

        var chart = svg.selectAll("g.chart")
        .data(mydata, function(i, d)
        {
            return d;
        })
        .enter()
        .append("svg:g")
        .attr("class", "chart")
        .attr("style", "position:fixed");

使用以下代码，如何跳过“visible”= 0？

的项目

基本上，使用visibility = 1显示所有内容？

由于

Answer 1

您可以使用.filter()：

.data(mydata.filter(function(d) { return d.visible == "1"; }))