Existe este proyecto en el que tengo que mostrar un gráfico dinámico que se actualiza automáticamente sin actualizar la página. Pude hacer esto y actualmente estoy usando los botones para que el usuario pueda hacer clic manualmente en cualquier gráfico que quiera ver.

El problema es que una vez que hago clic en el segundo botón, se muestra un gráfico, si vuelvo a hacer clic en el primer botón, no se muestra la salida. He adjuntado el código para su referencia.

En cuanto al código de script de Java, he usado el código de muestra deCanvas Js .

Aquí está el código que usé para representar los gráficos usando botones

 <button id="refresh" type="button" onclick="start_p1();">Click for Process_1</button> <div id="chartContainer1" class="w3-display-middle" style="height: 300px; width: 100%;"></div> <button type="button" onclick="start_p2()">Click for Process_2</button> <div id="chartContainer2" class="w3-display-middle" style="height: 300px; width: 100%;"></div> <script type="text/javascript"> $("refresh").click(function(){ $("chartContainer1").load(" #chartContainer1"); }); </script>

Incluso busqué recargar la etiqueta div, pero no me ayudó como esperaba. Apreciaría la ayuda. Gracias por adelantado..

Editar: he incluido mi salida en forma de imagen para que pueda entender claramente.
mi salida