javascript - 按形状隐藏nvd3.js散点图中的数据点

Question

我在 nvd3.js 中成功构建了包含多个系列的散点图。 nvd3.js 提供了打开/关闭由我的数据中的“键”定义的系列的机制。是否可以通过指定的形状(即十字形、圆形等)来执行相同的操作？我能够以复杂的方式选择具有形状的所有数据点:

var series = d3.selectAll('.nv-series')
    .data();
for (var i = 0; i < series.length; i++) {
    var values = series[i].values;
    for (var j = 0; j < values.length; j++) {
        if (values[j].shape=='circle') {
              // Do something with 

        }
    }
}

但现在我不再切换这些。 “禁用”属性似乎仅适用于系列，不适用于单个数据点。我在这里需要类似的东西，以便在隐藏数据点后以正确的对齐方式实现图表。任何帮助表示赞赏，因为我绝对不是 javascript 专家，即使经过长期研究也无法在网上找到任何内容。

Answer 1

您可以使用filter向下选择您想要的元素(而不是循环)，然后使用css隐藏您想要隐藏的形状。

d3.selectAll('.nv-point').filter(function(d){ return d.shape === 'circle' })
  .classed('hidden-point', true);

在此示例中，hidden-point 类将包含 visibility: none 或隐藏该类点的类似样式。 d3.selectAll('.hidden-point').classed('hidden-point', false) 将显示所有隐藏点。