No sé por qué sucede esto, cuando cargo mi gráfico por primera vez, el texto no se puede elipsar. Pero después de ir a otra página y volver, funcionó bien. ¿Hay algo mal con mi código?

 tickVertical .selectAll('text') .each(function () { // @ts-ignore const self = select(this); // @ts-ignore let textLength = self.node().getComputedTextLength(); let text = self.text(); while (textLength > 50 && text.length > 0) { text = text.slice(0, -1); self.text(text + '...'); // @ts-ignore textLength = self.node().getComputedTextLength(); } }) .attr('fill', 'white') .attr('font-size', '8px') .each(function (d: any) { select(this).append('title').text(d); });

El error de cada método, después de que console.log, el texto y la longitud del texto son 0.