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