Flexmonster - Pivot Table demo
Demos
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: 550,
toolbar: true,
report: {
"dataSource": {
"type": "json",
"filename": "https://cdn.flexmonster.com/data/retail-data.json",
"mapping": {
"Quantity": {
"type": "number"
},
"Price": {
"type": "number"
},
"Retail Category": {
"type": "string"
},
"Sales": {
"type": "number"
},
"Order Date": {
"type": "year/quarter/month/day"
},
"Date": {
"type": "date"
},
"Status": {
"type": "string"
},
"Product Code": {
"type": "string"
},
"Phone": {
"type": "string"
},
"Country": {
"type": "string",
"dimensionUniqueName": "Location"
},
"City": {
"type": "string",
"dimensionUniqueName": "Location"
},
"CurrencyID": {
"type": "property",
"hierarchy": "Country"
},
"Contact Last Name": {
"type": "string"
},
"Contact First Name": {
"type": "string"
},
"Deal Size": {
"type": "string"
}
}
},
"slice": {
"rows": [
{
"uniqueName": "Retail Category",
"filter": {
"members": [
"retail category.[books & movies]",
"retail category.[cellphones & accessories]",
"retail category.[health & personal care]"
]
}
...