Not able to redraw an SVG Waterfall chart Posted by Amir at 21:06 on Wednesday 1st September 2021 [link]
Hi!
I have a SVG waterfall chart which needs to be updated.
I have already tried to use reset or clear but the chart just disapear and doesn't redraw when I call .draw() function.
Thanks!
Posted by Richard at 22:02 on Wednesday 1st September 2021 [link]
I've updated the RGraph.SVG.reset() function so download the updated core library from this link:
https://raw.githubusercontent.com/heyesr/rgraph/main/libraries/RGraph.svg.common.core.js
And try using it and see if it makes a difference.
This is what I was using to get a new waterfall chart displayed - by resetting the SVG tag, removing it from the DOM and creating a new chart from scratch.
<div id="cc" style="width: 500px; height: 500px"></div>
<script>
// Create the initial chart
waterfall = new RGraph.SVG.Waterfall({
id: 'cc',
data: [1,2,3,4,5,6,7,8,9,10],
options: {
}
}).draw();
// Clear the canvas after two seconds
setTimeout(function ()
{
RGraph.SVG.reset(waterfall.svg);
}, 2000);
// Draw the second chart
setTimeout(function ()
{
waterfall = new RGraph.SVG.Waterfall({
id: 'cc',
data: [4,8,6,4,5,-5,-4],
options: {
}
}).draw();
}, 5000);
</script>
Posted by Amir at 22:09 on Wednesday 1st September 2021 [link]
Thank you! It worked!
Posted by Richard at 22:11 on Wednesday 1st September 2021 [link]
I really shouldn't be as surprised as I am! :-)
[Replies are now closed]