JSFiddle - React, Tailwind, and code Playground

by abufiddle

HTML

<script src="https://techorc.in/flexmonster_V2.7.2.js"></script>

<!-- <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/",
  width: "100%",
  height: 430,
  toolbar: true,
 report: {  
   "formats":[  
      {  
         "infinityValue":"Infinity",
         "name":"value",
         "decimalSeparator":".",
         "currencySymbol":"$",
         "thousandsSeparator":",",
         "divideByZeroValue":"Infinity",
         "currencySymbolAlign":"left",
         "maxDecimalPlaces":-1,
         "decimalPlaces":2,
         "isPercent":false,
         "nullValue":"",
         "textAlign":"right",
         "maxSymbols":20
      }
   ],
   "slice":{  
      "measures":[  
         {  
            "aggregation":"sum",
            "uniqueName":"Value",
            "format":"value"
         }
      ],
      "rows":[  
         {  
            "sort":"desc",
            "uniqueName":"Days Ago"
         },
         {  
            "uniqueName":"Day Of Week",
            "sortOrder":[  
               "THU",
               "FRI",
               "SAT",
               "SUN",
               "MON",
               "TUE",
               "WED"
            ]
         },
         {  
            "sort":"asc",
            "uniqueName":"Comparision Period",
            "sortOrder":[  
               "2YR",
               "PY",
               "2W",
               "PW",
               "CY"
            ]
         },
         {  
            "uniqueName":"Metric"
         }
      ],
      "expands":{  
         "expandAll":true
      },
      "columns":[  
         {  
            "sort":"desc",
            "uniqueName":"Sales Type"
         },
         {  
            "uniqueName":"[Measures]"
         }
      ]
   },
   "dataSource":{  
      "dataSourceType":"json",
      "data":[  
         {  
            "As Of Date":{  
               "type":"date string"
            },
            "Metric":{  
               "type":"string"
            },
            "Day Of Week":{  
              ...