Me parece que mi información sobre herramientas no se mueve con el evento mousemove. Aquí está mi ejemplo de código: mi div de información sobre herramientas se ve así.
<div id="tooltip" class="chart_tooltip"></div>
Ahora tratando de crear una información sobre herramientas con el siguiente ejemplo de código:
let tooltip = d3.select('#tooltip'); let tipBox = g .append('rect') .attr('width', width) .attr('height', height) .attr('opacity', 0) .on('mousemove', function (event: MouseEvent) { let posX = event.clientX; let posY = event.clientY; tooltip .html('I am a tooltip') .style('display', 'block') .style('left', posX + 'px') .style('right', posY+ 'px') .selectAll() .data([nearDate]) .enter() .append('div') }
Pero el problema es que la información sobre herramientas no actualiza su posición con el evento mousemove. Se atascó al final de mi gráfico sin actualizar su posición en el evento musemoe. ¿Puede alguien decirme cómo arreglar eso?