setReport(report: ReportObject)
[starting from version: 1.4]
Sets a report to be displayed in the component. Use this method to load and show previously saved reports.
report
– ReportObject. It describes the report and contains all its properties.1) Set report:
<div id="pivotContainer">The component will appear here</div> <script src="flexmonster/flexmonster.js"></script> <script> var pivot = new Flexmonster({ container: "pivotContainer" }); </script> <button onclick="setReport()">Set Report</button> <script> function setReport() { var report = { dataSource: { filename: "https://cdn.flexmonster.com/data/data.csv" } } pivot.setReport(report); } </script>
Open the example on JSFiddle.
2) Swap two reports:
<div id="firstPivotContainer">The component will appear here</div>
<div id="secondPivotContainer">The component will appear here</div>
<script src="flexmonster/flexmonster.js"></script>
<script>
var pivot1 = new Flexmonster({
container: "firstPivotContainer",
toolbar: true,
report: {
dataSource: {
filename: "data1.csv"
}
}
});
var pivot2 = new Flexmonster({
container: "secondPivotContainer",
toolbar: true,
report: {
dataSource: {
filename: "data2.csv"
}
}
});
</script>
<button onclick="javascript: swapReports()">Swap Reports</button>
<script>
function swapReports() {
var report1 = pivot1.getReport();
var report2 = pivot2.getReport();
pivot1.setReport(report2);
pivot2.setReport(report1);
}
</script>
Open on JSFiddle.
getReport
shareReport
ReportObject
open
load
save
Save and restore the report