JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.highcharts.com/highcharts.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() {
  $('#container').highcharts({
    chart: {
      type: 'column'
    },
    yAxis: {
      type: 'logarithmic',
      min: 0.3,
      max: 25,
      endOnTick: false,
      startOnTick: false,
      maxPadding: 0,
      tickInterval: 0.1,
      tickPositioner: function(min, max) {
        var ticks = this.tickPositions;

        ticks = $(ticks).filter(function(i, tick) {
          return tick > min && tick < max;
        });

        ticks.slice(0, 0, min);
        ticks.push(max);

        return ticks;

      }
    },
    plotOptions: {
      column: {
        stacking: 'normal',
      }
    },
    series: [{
      data: [5, 3, 4, 7, 2]
    }, {
      data: [2, 2, 3, 2, 1]
    }, {
      data: [3, 4, 4, 2, 5]
    }]
  });
});