Скрыть пузырь в диаграмме пузырь 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 (видимость: Hidden / Display: None / непрозрачность: 0) в отдельную точку данных.Один из способов сделать это, чтобы выбрать все объекты SVG точки типа - в зависимости от используемых имен и затем фильтруйте их в соответствии с размером, а затем примените к ним новый стиль.

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

.