如果值为零，则隐藏条形图中的类别名称

// 假设数据如下
const data = [
  { category: 'A', value: 10 },
  { category: 'B', value: 0 },
  { category: 'C', value: 5 },
  { category: 'D', value: 0 }
];

// 创建SVG容器
const svg = d3.select('body').append('svg')
    .attr('width', 500)
    .attr('height', 300);

// 创建条形图
const bars = svg.selectAll('rect')
    .data(data)
    .enter()
    .append('rect')
    .attr('x', (d, i) => i * 100)
    .attr('y', d => 300 - d.value * 10)
    .attr('width', 80)
    .attr('height', d => d.value * 10)
    .attr('fill', 'steelblue');

// 添加类别名称
const labels = svg.selectAll('text')
    .data(data)
    .enter()
    .append('text')
    .text(d => d.category)
    .attr('x', (d, i) => i * 100 + 40)
    .attr('y', 310)
    .attr('font-size', '14px')
    .attr('fill', 'black');

// 隐藏值为零的类别名称
labels.filter(d => d.value === 0).remove();