JSFiddle - React, Tailwind, and code Playground

by Black Label

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script src="https://code.highcharts.com/highcharts.js"></script>
  <script src="https://code.highcharts.com/modules/exporting.js"></script>
  <script src="https://code.highcharts.com/modules/export-data.js"></script>
  <script src="https://code.highcharts.com/modules/accessibility.js"></script>


  <div id="container"></div>

JavaScript

var dbData = [
         {
            "BU": "AIMP",
            "No_Rev_Ship_Qtr": 0,
            "2020-14": 0,
            "2020-15": 0,
            "2020-16": 1,
            "2020-17": 0,
            "2020-18": 4,
            "2020-19": 2,
            "2020-20": 3,
            "2020-21": 2,
            "2020-22": 0,
            "2020-23": 2,
            "2020-24": 0,
            "2020-25": 0,
            "2020-26": 3,
            "2020-27": 0,
            "2020-28": 0,
            "2020-29": 0,
            "2020-30": 0,
            "2020-31": 0,
            "2020-35": 0,
            "2020-36": 0
         },
         {
            "BU": "ALD",
            "No_Rev_Ship_Qtr": 2,
            "2020-14": 0,
            "2020-15": 1,
            "2020-16": 0,
            "2020-17": 2,
            "2020-18": 0,
            "2020-19": 1,
            "2020-20": 5,
            "2020-21": 0,
            "2020-22": 2,
            "2020-23": 2,
            "2020-24": 1,
            "2020-25": 3,
            "2020-26": 1,
            "2020-27": 1,
            "2020-28": 0,
            "2020-29": 1,
            "2020-30": 1,
            "2020-31": 0,
            "2020-35": 0,
            "2020-36": 0
         },
         {
            "BU": "CMP",
            "No_Rev_Ship_Qtr": 0,
            "2020-14": 0,
            "2020-15": 1,
            "2020-16": 7,
            "2020-17": 5,
            "2020-18": 3,
            "2020-19": 4,
            "2020-20": 1,
            "2020-21": 7,
            "2020-22": 4,
            "2020-23": 8,
            "2020-24": 4,
            "2020-25": 7,
            "2020-26": 17,
            "2020-27": 1,
            "2020-28": 2,
            "2020-29": 1,
            "2020-30": 0,
            "2020-31": 0,
            "2020-35": 0,
            "2020-36": 0
         },
         {
            "BU": "DSM",
            "No_Rev_Ship_Qtr": 0,
            "2020-14": 1,
            "2020-15": 4,
            "2020-16": 5,
            "2020-17": 8,
   ...