在nvd3气泡图中隐藏气泡

Hide bubble in nvd3 bubble chart

本文关键字：气泡 隐藏 nvd3      更新时间：2023-09-26

我使用的是nvd3气泡图。我想隐藏包含大小为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；的气泡；。

我该如何隐藏气泡？

您可以通过将CSS样式（可见性：隐藏/显示：无/不透明度：0）应用于单个数据点来实现这一点。一种方法是根据您使用的名称选择point类型的所有svg对象，然后根据大小对其进行筛选，然后将新样式应用于它们。

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