V. General isolateDOM sample.

HTML

<script src="http://build-master.jaspersoft.com:7580/jrs-pro-feature-amber-embedded-report/client/visualize.js"></script>
<p>Visualize.js All report types, isolated DOM</p>
<div id="reportContainer0">AllAccounts</div>
<div id="reportContainer1">1._Geographic_Results_by_Segment_Report</div>
<div id="reportContainer2">RevenueDetailReport</div>
<div id="reportContainer3">14.PerformanceSummary</div>
<div id="reportContainer4">twoTable</div>
<div id="reportContainer5">interactive/MapReport</div>

CSS

.qwe {
    height: 100%;
}
#reportContainer {
    height: 100%;
}
body, html {
    height: 100%;
}
#containerLoadV.disabled {
    color: #666;
}

/**

Brake something

**/
table {
    font-size: 25px;
    
}

JavaScript

visualize({
            auth: {
                name: "superuser",
                password: "superuser"
            }
        }, function (v) {
            for (var i = 0, l = reports.length; i<l; i++) {
                createReport(v, reports[i], i);
            }
        });
reports = [
    "/public/Samples/Reports/AllAccounts",
    "/public/Samples/Reports/1._Geographic_Results_by_Segment_Report",
    "/public/Samples/Reports/RevenueDetailReport",
    "/public/Samples/Reports/14.PerformanceSummary",
    "/public/viz/twoTable",
    "/organizations/organization_1/reports/interactive/MapReport"
];
function createReport(v, uri, i) {
                 v.report({
                 resource: uri,
                 container: "#reportContainer" + i,
                 defaultJiveUi: { enable: false },
                 isolateDOM: true,
                 error: function (err) {
                     alert(err.message);
                 }
             });
}