在nvd3气泡图中隐藏气泡

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") 
    })