Question

我正在使用nvd3 bubble chart。我想隐藏包含大小：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样式（visibility：hidden / display：none / opacity：0）应用于单个数据点来实现。一种方法是选择类型点的所有svg对象 - 取决于您使用的名称，然后根据大小过滤它们，然后将新样式应用于它们。

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

在nvd3气泡图中隐藏气泡

1 个答案: