Charts cannot be scaled when changing the container size
Posted by darekbod at 21:23 on Sunday 23rd March 2025[link]
I tried many methods, and one of them:
<script>
function graf(){
new RGraph.SVG.Bar({...}).wave();
}
const resizeObserver = new ResizeObserver((object) => {
console.dir('...' );//info if action is catch
object[0].target.innerHTML = '';//...optional no matter
graf();
});
resizeObserver.observe(document.getElementById('chart-container' ) );
</script>
Each time graf() is called again, the graph and its continer of SVG tag disappear from the HTML document. It doesn't matter whether innerHTML cleanup is used. Console.dir('...') is called but with no chart, it disappears. With listeners do the same. It doesn't matter if it's onmouseover etc. No allert is generated, no error, just gone and only console('...') is repeated...
console('...') idicated that action is called propelly but chart is gone and not created by graf() where RGraph.SVG.Bar({...}).wave(); must be called.
PS.
I wrote the question again because I can't add an answer to the original post, there is some error