stuff

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

var pivot = new Flexmonster({
  container: "#pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  report: {
    dataSource: {
      type: "json",
      data: getData(),
      "mapping": {
            "id": {
                "type": "id"
            },
            "month": {
                "type": "number"
            }
        }
    },
    "conditions": [],
    "options": {
        "grid": {
            "type": "compact",
            "showFilter": false,
            "dragging": false,
            "showReportFiltersArea": false,
            "showTotals": "on",
            "showGrandTotals": "on",
            "showHeaders": false,
            "showHierarchies": true
        },
        "drillThrough": false,
        "configuratorButton": false,
        "caseSensitiveMembers": true,
        "showEmptyValues": true,
        "sorting": "on",
        "datePattern": "yyyy-MM-dd",
        "timePattern": "HH:mm",
        "dateTimePattern": "yyyy-MM-dd'T'HH:mm"
    },
    "localization": {
        "grid": {
            "dateInvalidCaption": ""
        }
    },
    "slice": {
        "rows": [],
        "columns": [
            {
                "uniqueName": "month",
                "sortOrder": [
                    "1",
                    "2",
                    "3",
                    "4",
                    "5",
                    "6",
                    "7",
                    "8",
                    "9",
                    "10",
                    "11",
                    "12"
                ]
            }
        ],
        "measures": [],
        "reportFilters": [],
        "drills": {
            "drillAll": true,
            "rows": [],
            "columns": []
        },
        "expands": {
            "expandAll": true,
            "rows": [],
            "columns": []
        }
    },
    "formats": [],
    "tableSizes": {}
},
  width: "100%",
  height: 500
});

function getData() {
  return [{
               ...