在 nvd3 气泡图中隐藏气泡

【问题标题】：Hide bubble in nvd3 bubble chart在 nvd3 气泡图中隐藏气泡
【发布时间】：2014-04-14 11:50:14
【问题描述】：

我正在使用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 的气泡。

如何隐藏气泡？

【问题讨论】：

标签： javascript nvd3.js

【解决方案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")
    })

【讨论】：