javascript - D3 采用索引字符串并将圆分类为隐藏或不隐藏

Question

我目前有一个 Javascript 函数，它接受一个形式为“01001”的字符串，例如，这意味着第二个和第五个数据行/元素在数据表中被“标记/选择”。

我想看看这个字符串，并在 D3 中，标记所有与字符串中由 1 表示的数据元素对应的圆圈(即它们的 .classed 不是“隐藏的”)。

我该怎么做呢？这是我当前的实现，但我很确定它没有在我的图表上突出显示正确的圆圈。

      function brushupdate(index) {
      var e = brush.extent();

        svg.selectAll("circle").classed("hidden", function (d, i) {
            if (index[i] == 0) {
                return true;
            }
            else {
                return false;
            }
        });

        if (index.search('1') == -1) {
            svg.selectAll(".hidden").classed("hidden", false);
        }
    }

我不确定在 D3 中如何迭代字符串。

Answer 1

我会 split() 你的字符串，然后将它作为数组读取，你有第一个元素来查看数组中的相同索引值，因此你可以轻松地创建一个 函数(d, i) {} 然后您查看元素的索引应该与二进制数组的索引相同，这样您就可以做出相应的 react 。