Buenas tardes a todos, estoy trabajando con unos gráficos de highcharts, todo trabaja bien, pero tengo un problema. Estoy utilizando Ajax para crear todos los charts, sin embargo el chart de "pie" tiene ciertos "errorcitos" que no me dejan hacerlo tan dinámico. A lo que voy, Cuando mando a llamar una función que me crea el chart lo hace correctamente, se puede elegir el mes que se quiere consultar, pero cuando cambian de mes, ya responde. Me dí cuenta que los JS´s de high charts le ponen información adicional al donde estoy mandando a llamar todo. he tratado de limpiarlo en cuando inicia mi función con:
document.getElementById("container").innerHTML = "";
Pero no lo hace, he explorado un poco con las herramientas de desarrollador y tengo esto en el div cuando ya hay una gráfica:
<div id="container" data-highcharts-chart="0"></div>
¿Alguien me puede decir como hacer una limpieza total del div?
Anexo fotos correspondientes.
Así se ve el código cuando aún no he hecho nada.
Así se ve cuando ya mandé a llamar una gráfica, todo va perfecto. Este por ejemplo es el mes de Julio, toda esa información que se pone, quiero suponer que es lo que se anexa como parte del funcionamiento de la gráfica
Así se ve cuando quiero mandar a llamar Marzo, ya no lo hace y no muestra la gráfica.
Como podrán ver ya no tiene nada el div, pero se quedo con ciertas etiquetas dentro.
Gracias por su apoyo
document.getElementById("container").innerHTML = "";
¿genera algún error?container
y genera nuevamente el chart.