Estoy usando chartJS para mostrar un gráfico. En mi gráfico, estoy usando la función onClick para ejecutar comandos JS cuando se hace clic en el gráfico. El chartJS vive en mi plantilla Html en un script. Lo que quiero hacer es configurarlo de modo que si una variable global tiene un valor nulo, una tabla html se ocultará. Mi problema es que necesito recargar Quiero almacenar este código de tabla oculta en una función, sin embargo, cuando lo pongo en un formato de función, no funciona. Para que funcione, parece que tengo que colocarlo en una etiqueta separada, no en un formato de función. No sé por qué es esto, ya estoy llamando a otra función JS cuando se hace clic en el gráfico y funcionan bien. El problema surge porque necesito recargar la página (por diferentes motivos). Mientras vuelvo a cargar la página, la variable global vuelve a establecerse en cero.

Este código ejecuta la función.

 onClick: (evt, activeEls, chart) => { global_var = chart.data.labels[activeEls[0].index]; calling_label(); document.location.reload(true); //reload the full page. Hide_table(); }, <script> function Hide_table (){ if (global_var == null){ document.getElementById("mytable").style.display = "none"; } } </script>

Ahora, si pongo la tabla oculta si no está en una función, entonces la tabla está oculta, sin embargo, debido a que necesito volver a cargar la página, global_var siempre es nulo, por lo que la tabla nunca se mostrará.

 onClick: (evt, activeEls, chart) => { global_var = chart.data.labels[activeEls[0].index]; calling_label(); document.location.reload(true); //reload the full page. }, <script> if (global_var == null){ document.getElementById("mytable").style.display = "none"; } </script>