Flexmonster - Pivot Table demo
Demos
by Flexmonster Pivot Table
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: {
dataSource: {
filename: "data/sales.csv"
},
"slice": {
"columns": [
{
"uniqueName": "Category",
"filter": {
"type": "top",
"quantity": 10,
"measure": {
"uniqueName": "Revenue",
"aggregation": "sum"
},
"members": [
"category.[condiments].[bbq sauce]",
"category.[breakfast cereals].[corn flakes]",
"category.[confectionery]",
"category.[bakery].[chocolate biscuits]",
"category.[fruit preserves].[apple jam]",
"category.[bakery].[apple cake]",
"category.[soups].[tomato soup]"
]
},
"sort": "unsorted"
},
{
"uniqueName": "[Measures]"
}
],
"measures": [
{
"uniqueName": "Revenue",
"aggregation": "sum",
"format": "2sfou03a"
}
],
"sorting": {
"row": {
"type": "desc",
"tuple": [],
"measure": {
"uniqueName": "Revenue",
"aggregation": "sum"
}
}
}
},
"options": {
"viewType": "charts",
"chart": {
"type": "bar_h"
}
},
conditions: [{
formula: "#value < 2500",
measure: "Revenue",
format: {
backgroundColor: "#df3800",
color: "#FFFFFF"
},
isTotal: false
}, {
formula: "#value > 20000",
measure:...