JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://highcharts.com/js/testing.js"></script>
<div id="my-chart" style="width: 400px; height: 20px;">
    chart loading...
</div>

JavaScript

var chart;
$(document).ready(function() {
   chart = new Highcharts.Chart({
      chart: {
         renderTo: 'my-chart',
         defaultSeriesType: 'bar',
         spacingTop: 0,
         spacingRight: 0,
         margin: 0,
         plotBackgroundColor: '#DFEEEF',
      },
      credits: false,
      title: {
         text: null
      },
      legend: {
         backgroundColor: '#FFFFFF',
         reversed: true,
         enabled: false
      },
      tooltip: {
         formatter: function() {
            return ''+
                this.series.name +': '+ this.y +'';
         }
      },
      plotOptions: {
         series: {
            stacking: 'normal',
            groupPadding: 0,
            pointPadding: 0,
         }
      },
        tooltip: {
            formatter: function(){return false;}
        },
         series: [{
        // name: 'John',
         data: [0.7]
      }, {
        // name: 'Jane',
         data: [0.3]
      }]
   }); 
});