无法在条形图上显示计数(svg图)

// 示例代码：使用D3.js绑定数据并绘制条形图
const data = [4, 8, 15, 16, 23, 42];

const svg = d3.select("svg");
const width = +svg.attr("width");
const height = +svg.attr("height");

const x = d3.scaleBand()
    .rangeRound([0, width])
    .padding(0.1)
    .domain(data.map((d, i) => i));

const y = d3.scaleLinear()
    .rangeRound([height, 0])
    .domain([0, d3.max(data)]);

svg.selectAll(".bar")
    .data(data)
    .enter().append("rect")
        .attr("class", "bar")
        .attr("x", (d, i) => x(i))
        .attr("y", d => y(d))
        .attr("width", x.bandwidth())
        .attr("height", d => height - y(d));

<!-- 示例HTML代码 -->
<svg width="500" height="300"></svg>

// 示例JavaScript代码
const svg = d3.select("svg");

/* 示例CSS代码 */
.bar {
    fill: steelblue;
}

// 示例数据格式检查
console.log(data); // 确保数据是一个数组且每个元素都是数字