Estoy trabajando con Vue 3 y antv/G6, y tengo un problema con la desaparición de la información sobre herramientas cuando dibujo un gráfico (con información sobre herramientas), destruyo el gráfico y lo vuelvo a dibujar. Aquí hay un ejemplo de trabajo mínimo. Solo muestro el código Vue. Puedo proporcionar el código javascript para manipular el gráfico también si es necesario. Cualquier idea es apreciada.

 <template> <div> <h2>Hello World</h2> <div id="mountGraph"></div> </div> </template> <script> import * as dp from "../Composition/delayPropagationGraphImpl.js"; import G6 from "@antv/g6"; import { onMounted } from "vue"; export default { setup() { let graphCreated = false; let graph = false; const graphConfiguration = dp.setupConfiguration({ container: "mountGraph", width: "800", height: "600", defaultNodeSize: 40, }); function drawGraph() { const gNodes = [{ id: "1" }, { id: "2" }, { id: "3" }]; const gEdges = [ { source: "1", target: "2" }, { source: "1", target: "3" }, ]; if (graphCreated) { graph.destroy(); } graph = new G6.Graph(graphConfiguration); // ERROR graphCreated = true; const data = { nodes: gNodes, edges: gEdges }; graph.data(data); // combines data and render graph.render(); return; } onMounted(() => { drawGraph(); drawGraph(); // <<< Tooltiops disappear }); }, }; </script>