JSFiddle - React, Tailwind, and code Playground

by Ian Sadovy

HTML

<script src="http://www.flexmonster.com/flexmonster/flexmonster.js"></script>
<input type="button" value="Swap Measures" onclick="swapMeasures()"/>
<div id="pivotContainer">The component will appear within this DIV.</div>

JavaScript

flexmonster.embedPivotComponent("http://flexmonster.com/flexmonster/", "pivotContainer", "100%", "500", {
    configUrl: "http://www.flexmonster.com/reports/config.csv.xml", 
    licenseKey: "Z53G-1T1WC3-1V1M-0L12-2M0A-1233-1I0Y-2Y2Q-1903-322S-0T2C-1I"
}, true);

function swapMeasures() {
	var measures = flexmonster.getMeasures();
    var _measures = [measures[1], measures[0]];
    
	var query = {};
    query.pages = flexmonster.getPages();
    query.rows = flexmonster.getRows();
    query.columns = flexmonster.getColumns();
    query.measures = _measures;
    
    flexmonster.runQuery(query);     
}