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