javascript - 在 nvd3 气泡图中隐藏气泡

Question

我正在使用nvd3 bubble chart 。我想隐藏包含 size:0; 的气泡；

我有两个数据:-

 var data = [];     
    data.push({key: 'Male(Yes)', values: []});
    data['0'].values.push({
            x: 1
          , y: 1
          , size: 0
    });

    data.push({key: 'Male(No)', values: []});
    data['1'].values.push({
            x: -1
          , y: -1
          , size: 20
    });

我不想显示尺寸为0的气泡；

如何隐藏气泡？

Answer 1

您可以通过对单个数据点应用 CSS 样式(可见性:隐藏/显示:无/不透明度:0)来实现此目的。执行此操作的一种方法是选择点类型的所有 svg 对象 - 根据您使用的名称，然后根据大小过滤它们，然后将新样式应用于它们。

svg.selectAll("#yourname svg")
    .filter(function (l) {
        return l.size== 0;
    })[0].forEach(function (d){
        d.style("visibility","hidden")
    })