Estoy usando chart js para cargar el gráfico en mi página html. He creado el gráfico con éxito y se muestra en mi lienzo. Ahora quiero cargar ese gráfico html en mi ventana emergente usando jquery al hacer clic en un botón.

Escribí el código como ---

 window.showChartPopup = function(title,id){ jQuery.noConflict(); $("#chartPopupModal").find('#chart-title').html(title); $("#chartPopupModal").find('#chart-content').html($("#"+id).html()); $("#chartPopupModal").modal('show'); }

Estoy llamando a la función showChartPopup al hacer clic en el botón pasando un título y la identificación de ese div que es el div externo del lienzo en mi página html. pero este código me muestra la ventana emergente sin mostrar ningún gráfico.

¿Puede alguien ayudarme a convertir el gráfico html en mi modal, ya que quiero un modal para todos los gráficos en mi página única para poder cargar cada gráfico en mi modal?

Gracias por adelantado