JSFiddle - React, Tailwind, and code Playground

by vmgtyler

HTML

<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: 600,
  toolbar: true,
  report: {
    "dataSource": {
      "type": "json",
      "data": [
        {
          "industry": {
            "type": "string",
            "caption": "Industry"
          },
          "company": {
            "type": "string",
            "caption": "Company"
          },
          "revenue": {
            "type": "number",
            "caption": "Revenue"
          },
          "quarter": {
            "type": "string",
            "caption": "Quarter"
          },
          "year": {
            "type": "number",
            "caption": "Year"
          },
          "order_number": {
          	"type": "number",
            "caption": "Order #"
          }
        },
        {
          "industry": "Stuff",
          "company": "Example 1",
          "revenue": 100,
          "quarter": "Q1",
          "year": 2020,
          "order_number": 1
        },
        {
          "industry": "Stuff",
          "company": "Example 1",
          "revenue": 115,
          "quarter": "Q2",
          "year": 2020,
          "order_number": 1
        },
        {
          "industry": "Stuff",
          "company": "Example 2",
          "revenue": 50,
          "quarter": "Q1",
          "year": 2020,
          "order_number": 3
        },
        {
          "industry": "Stuff",
          "company": "Example 2",
          "revenue": 75,
          "quarter": "Q2",
          "year": 2020,
          "order_number": 4
        },
        {
          "industry": "Stuff",
          "company": "Example 1",
          "revenue": 85,
          "quarter": "Q1",
          "year": 2019,
          "order_number": 5
        },
        {
          "industry": "Stuff",
          "company": "Example 1",
          "revenue": 95,
          "quarter": "Q2",
          "year": 2019,
          "order_number": 5
        },
        {
         ...