Google chart redraw/scale on window resize

by

To redraw only when the window resize is completed and avoid multiple triggers, I think is better create an event:

//create trigger to resizeEnd event     
$(window).resize(function() {
    if(this.resizeTO) clearTimeout(this.resizeTO);
    this.resizeTO = setTimeout(function() {
        $(this).trigger('resizeEnd');
    }, 500);
});

//redraw graph when window resize is completed  
$(window).on('resizeEnd', function() {
    drawChart(data);
});

More Related Contents:

  1. How to resize images proportionally / keeping the aspect ratio?
  2. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  3. Cross-browser window resize event – JavaScript / jQuery
  4. Resize jqGrid when browser is resized?
  5. window.resize event firing in Internet Explorer
  6. Pie chart with jQuery
  7. google visualization-Click event
  8. my JavaScript using jQuery is not working [closed]
  9. PHP get contents of a div, and echo the div contents in same page
  10. how to store new elements added in webpage by user? [closed]
  11. Javascript: function doesnt work even though condition is met (hard for me to explain)
  12. Set cursor position on contentEditable
  13. How to append in JavaScript? [duplicate]
  14. How to dynamically insert a tag via jQuery after page load?
  15. Remove items from array with splice in for loop [duplicate]
  16. How to call ajax in WordPress
  17. jQuery keypress() event not firing?
  18. JQuery or JavaScript: How determine if shift key being pressed while clicking anchor tag hyperlink?
  19. Sort a string date array
  20. Ajax HEAD request via Javascript/jQuery
  21. How to split a string at the first `/` (slash) and surround part of it in a “?
  22. What does the “$” sign mean in jQuery or JavaScript? [duplicate]
  23. How to execute javascript inside a script tag returned by an ajax response
  24. Using JQuery to bind “focus” and “blur” functions for “window”, doesn’t work in IE
  25. Convert dropdown to selection boxes with color and trigger drop down action
  26. Execute function queue in javascript
  27. How do you force your Javascript event to run first, regardless of the order in which the events were added?
  28. Remove everything within script and style tags
  29. JQuery AutoComplete, manually select first searched item and bind click [duplicate]
  30. Google maps responsive resize

Leave a Comment