Tengo que poner texto encima de los rectángulos en un gráfico de barras apiladas en d3.js. Tengo que insertar el texto exactamente como se indica en la imagen adjunta a continuación en lugar de los caracteres 'x'. ¿Cómo podría hacer?

Este es mi código que crea el svg.

 chartRealModel = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append("g") .selectAll("g") .data(seriesRealModel) .join("g") .attr("fill", d => color(d.key)) .selectAll("rect") .data(d => d) .join("rect") .attr("x", (d, i) => xRealModel(d.data.Week)) .attr("y", d => yRealModel(d[1])) .attr("height", d => yRealModel(d[0]) - yRealModel(d[1])) .attr("width", xRealModel.bandwidth()) .append("title") .text(d => `${d.key} ${formatValue(d.data[d.key])}`); svg.selectAll("rect") svg.append("g") .call(xAxisRealModel); svg.append("g") .call(yAxisRealModel); return svg.node();