jquery.flot.resize.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* Flot plugin for automatically redrawing plots as the placeholder resizes.
  2. Copyright (c) 2007-2013 IOLA and Ole Laursen.
  3. Licensed under the MIT license.
  4. It works by listening for changes on the placeholder div (through the jQuery
  5. resize event plugin) - if the size changes, it will redraw the plot.
  6. There are no options. If you need to disable the plugin for some plots, you
  7. can just fix the size of their placeholders.
  8. */
  9. /* Inline dependency:
  10. * jQuery resize event - v1.1 - 3/14/2010
  11. * http://benalman.com/projects/jquery-resize-plugin/
  12. *
  13. * Copyright (c) 2010 "Cowboy" Ben Alman
  14. * Dual licensed under the MIT and GPL licenses.
  15. * http://benalman.com/about/license/
  16. */
  17. (function($,t,n){function p(){for(var n=r.length-1;n>=0;n--){var o=$(r[n]);if(o[0]==t||o.is(":visible")){var h=o.width(),d=o.height(),v=o.data(a);!v||h===v.w&&d===v.h?i[f]=i[l]:(i[f]=i[c],o.trigger(u,[v.w=h,v.h=d]))}else v=o.data(a),v.w=0,v.h=0}s!==null&&(s=t.requestAnimationFrame(p))}var r=[],i=$.resize=$.extend($.resize,{}),s,o="setTimeout",u="resize",a=u+"-special-event",f="delay",l="pendingDelay",c="activeDelay",h="throttleWindow";i[l]=250,i[c]=20,i[f]=i[l],i[h]=!0,$.event.special[u]={setup:function(){if(!i[h]&&this[o])return!1;var t=$(this);r.push(this),t.data(a,{w:t.width(),h:t.height()}),r.length===1&&(s=n,p())},teardown:function(){if(!i[h]&&this[o])return!1;var t=$(this);for(var n=r.length-1;n>=0;n--)if(r[n]==this){r.splice(n,1);break}t.removeData(a),r.length||(cancelAnimationFrame(s),s=null)},add:function(t){function s(t,i,s){var o=$(this),u=o.data(a);u.w=i!==n?i:o.width(),u.h=s!==n?s:o.height(),r.apply(this,arguments)}if(!i[h]&&this[o])return!1;var r;if($.isFunction(t))return r=t,s;r=t.handler,t.handler=s}},t.requestAnimationFrame||(t.requestAnimationFrame=function(){return t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||t.msRequestAnimationFrame||function(e,n){return t.setTimeout(e,i[f])}}()),t.cancelAnimationFrame||(t.cancelAnimationFrame=function(){return t.webkitCancelRequestAnimationFrame||t.mozCancelRequestAnimationFrame||t.oCancelRequestAnimationFrame||t.msCancelRequestAnimationFrame||clearTimeout}())})(jQuery,this);
  18. (function ($) {
  19. var options = { }; // no options
  20. function init(plot) {
  21. function onResize() {
  22. var placeholder = plot.getPlaceholder();
  23. // somebody might have hidden us and we can't plot
  24. // when we don't have the dimensions
  25. if (placeholder.width() == 0 || placeholder.height() == 0)
  26. return;
  27. plot.resize();
  28. plot.setupGrid();
  29. plot.draw();
  30. }
  31. function bindEvents(plot, eventHolder) {
  32. plot.getPlaceholder().resize(onResize);
  33. }
  34. function shutdown(plot, eventHolder) {
  35. plot.getPlaceholder().unbind("resize", onResize);
  36. }
  37. plot.hooks.bindEvents.push(bindEvents);
  38. plot.hooks.shutdown.push(shutdown);
  39. }
  40. $.plot.plugins.push({
  41. init: init,
  42. options: options,
  43. name: 'resize',
  44. version: '1.0'
  45. });
  46. })(jQuery);