Visualize.js resize report

Issue:

Looking for a solution to resize the report if the size of the parent container is changed in the web page. 

Is using a function like this 

$("#jrsrptcontainer2").resizable(
    { stop: function (event, ui) 
            { report.resize(); } 
    }
 ); 

The container is resized properly but the report is not. Report is going beyond the boundaries of the container.

Solution:

Try to use scale as below:

visualize(
   { auth:
     { name:     "superuser",
       password: "superuser"
     }
   },
   function (v) {
      v("#c1").report(
      {
          resource: "/public/Samples/Reports/AllAccounts",
          //uncomment to change default behaviour
          //scale: "width",
          //scale: "height",
          //scale: 3,
          scale: "container",
          error: function (err) {
              alert(err.message);
          }
      }
   );