JSFiddle - React, Tailwind, and code Playground

by Ian Sadovy

HTML

<script src="https://s3.amazonaws.com/flexmonster/2.2/flexmonster.js"></script>
<div id="pivot-content"></div>

JavaScript

flexmonster.embedPivotComponent("https://s3.amazonaws.com/flexmonster/2.2/", "pivot-content", "100%", "600", {
  licenseKey: "Z53G-1T1WC3-1V1M-0L12-2M0A-1233-1I0Y-2Y2Q-1903-322S-0T2C-1I",
  configuratorActive: false,
  rows: [{
    uniqueName: "Employee"
  }],
  columns: [{
    uniqueName: "Task"
  }, {
    uniqueName: "[Measures]"
  }],
  measures: [{
    uniqueName: "Time"
  }],
  data: getData()
}, true);

function getData() {
  return [{
    "Employee": "John Doe",
    "Task": "programming",
    "Time": 10
  }, {
    "Employee": "John Doe",
    "Task": "web dev",
    "Time": 10
  }, {
    "Employee": "Mary Doe",
    "Task": "db management",
    "Time": 10
  }, {
    "Employee": "John Doe",
    "Task": "programming",
    "Time": 10
  }, {
    "Employee": "Mary Doe",
    "Task": "web dev",
    "Time": 10
  }, {
    "Employee": "John Doe",
    "Task": "db management",
    "Time": 10
  }];
}