JSFiddle - React, Tailwind, and code Playground

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.src.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
  (function (H) {

    var each = H.each,
      pick = H.pick,
      mathAbs = Math.abs,
      mathMax = Math.max,
      mathMin = Math.min,
      mathCeil = Math.ceil;

    H.wrap(Highcharts.seriesTypes.column.prototype, 'getColumnMetrics', function (proceed, pointX) {
      var series = this,
        options = series.options,
        xAxis = series.xAxis,
        yAxis = series.yAxis,
        reversedXAxis = xAxis.reversed,
        stackKey,
        stackGroups = {},
        columnIndex,
        columnCount = 0;

      // Get the total number of column type series.
      // This is called on every series. Consider moving this logic to a
      // chart.orderStacks() function and call it on init, addSeries and removeSeries
      if (options.grouping === false) {
        columnCount = 1;
      } else {
        H.each(series.chart.series, function (otherSeries) {
          var otherOptions = otherSeries.options,
            otherYAxis = otherSeries.yAxis;
          if (otherSeries.type === series.type && otherSeries.visible &&
            yAxis.len === otherYAxis.len && yAxis.pos === otherYAxis.pos) {

            var hasPointInX = false;
            H.each(otherSeries.userOptions.data, function (point) {
              if (point[0] === pointX) hasPointInX = true;
            });
            if (hasPointInX) {

              // #642, #2086
              if (otherOptions.stacking) {
                stackKey = otherSeries.stackKey;
                if (stackGroups[stackKey] === UNDEFINED) {
                  stackGroups[stackKey] = columnCount++;
                }
                columnIndex = stackGroups[stackKey];
              } else if (otherOptions.grouping !== false) { // #1162
                columnIndex = columnCount++;
              }
              otherSeries.columnIndex = columnIndex;
            }
          }
        });
      }

      var categoryWidth = mathMin(
          mathAbs(xAxis.transA) * (xAxis.ordinalSlope || options.pointRange ||...