Flexmonster - Pivot Table demo
Demos
by abufiddle
HTML
<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>
<div id="pivot-container"></div>
JavaScript
new Flexmonster({
container: "#pivot-container",
componentFolder: "https://cdn.flexmonster.com/",
width: "100%",
height: 430,
toolbar: true,
report: getReport()
});
function getReport() {
var report = [{
"dataSource": {
"type": "json",
"data": [{
"Store Name": {
"type": "string"
},
"L Type": {
"type": "string"
},
"NX S ($)": {
"type": "number"
},
"L Cost ($)": {
"type": "number"
},
"PY NX S ($)": {
"type": "number"
},
"PY L Cost ($)": {
"type": "number"
},
"PX CY L Cost ($)": {
"type": "number"
},
"PX PY L Cost ($)": {
"type": "number"
},
"WX CY L Cost ($)": {
"type": "number"
},
"WX PY L Cost ($)": {
"type": "number"
},
"YX CY L Cost ($)": {
"type": "number"
},
"YX PY L Cost ($)": {
"type": "number"
},
"PX CY NX S ($)": {
"type": "number"
},
"PX PY NX S ($)": {
"type": "number"
},
"WX CY NX S ($)": {
"type": "number"
},
"WX PY NX S ($)": {
"type": "number"
},
"YX CY NX S ($)": {
"type": "number"
},
"YX PY NX S ($)": {
"type": "number"
},
"NX S Sub Total YX ($)": {
"type": "number"
},
"YX Sales L Rank": {
"type": "number"
}
}, {
"Store Name": "020 DTS",
"L Type": "A Lbr",
"NX S ($)": 5105.18,
"L Cost ($)": 264.231571022182,
"PY NX S ($)": 5237.28,
"PY L Cost ($)": 0,
"PX CY L Cost ($)": 3455.20750031681,
"PX PY L Cost ($)": 0,
"WX CY L Cost ($)": 1707.12616752124,
"WX PY L Cost ($)": 0,
"YX CY L Cost ($)":...