My application has numerous responsive wrappers on the site, each predefined from an API and containing a Google chart. The problem is that when the page initially loads, the charts are rendered at a specific size, and resizing the window only affects the wrappers, not the charts themselves.
How can I achieve a similar effect to this example https://codepen.io/flopreynat/pen/BfLkA without using jQuery? Should this be implemented within a specific lifecycle in Angular (such as onChange) or simply a function?
I am using a library that solely retrieves data, so I do not have access to functions like this:
$(window).resize(function(){
drawChart1();
drawChart2();
});