Question

Views

El problema es: ResizeObserver loop limit exceeded aparece en el navegador como un cuadro de diálogo de notificación.

Los pasos son:

Usando vaadin y creando un componente para vis-js. Importar la red vis de la forma que desee, no afecta. En este momento, mi código tiene UI.getCurrent().getPage().addJavaScript("https://unpkg.com/vis-network/standalone/umd/vis-network.js"); pero también he usado @JsModule y @JavaScript antes.
Agregando ese componente a una View .
Ejecutar un Js para crear un gráfico simple (copiar y pegar desde la página de ejemplos de vis-js). No importa en qué punto del ciclo de vida se llame.

La configuración del proyecto es:

Voy a responder a mi propia pregunta. Deseaba poner aquí para ayudar a los demás ya mi futuro yo.

about 4 years ago · Santiago Trujillo

Answer question

Accepted Answer · 2022-07-06T14:55:20.181Z

Después de interminables horas, la solución aquí fue establecer un estilo para el contenedor informando el tamaño del contenedor, por ejemplo:

 div.getStyle().set("width", "600px").set("height", "400px");

o a través de css

 #mynetwork { width: 600px; height: 400px; }

donde ese div es al que pasaste:

 ... var container = document.getElementById("mynetwork"); var network = new vis.Network(container, data, options);