Swap two reports between 2 pivot instances

Configuring the report

by Flexmonster Pivot Table

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<button onclick="swapReports()">Swap Reports</button>

<div id="firstPivotContainer"></div>
<div id="secondPivotContainer"></div>

CSS

@import url(https://cdn.flexmonster.com/assets/jsfiddle-styles.css);

JavaScript

const pivot1 = new Flexmonster({
  container: "firstPivotContainer",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  height: "300px",
  report: {
    dataSource: {
      filename: "data/data.csv"
    }
  }
});

const pivot2 = new Flexmonster({
  container: "secondPivotContainer",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  height: "300px",
  report: {
    dataSource: {
      filename: "data/data-fr.csv"
    }
  }
});

function swapReports() {
  const report1 = pivot1.getReport();
  const report2 = pivot2.getReport();

  pivot1.setReport(report2);
  pivot2.setReport(report1);
}