JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; max-width: 400px; height: 300px; margin: 0 auto"></div>

JavaScript

gaugeValue = 45.01;
symbol = "%";
valuePrefix = "";
valueSuffix = "%";
gaugeValue = parseFloat(gaugeValue.toFixed(2));
var red_start = 40.01;
var red_end = 41.87;
var orange_start = 41.88;
var orange_end = 44.19;
var green_start = 44.20;
var green_end = 46.52;
$(function() {
  Highcharts.setOptions({
    lang: {
      thousandsSep: ','
    },
    title: {
      align: 'center',
      floating: false,
      margin: 0,
      style: {
        'color': '#333333',
        'fontSize': '33px'
      },
      text: '',
      useHTML: true,
      verticalAlign: 'top',
      widthAdjust: 0,
      x: 0,
      y: 0,
    },
    credits: {
      enabled: false
    },
    exporting: {
      enabled: false
    },
    pane: {
      startAngle: -150,
      endAngle: 150,
      background: [{
        backgroundColor: {
          linearGradient: {
            x1: 0,
            y1: 0,
            x2: 0,
            y2: 1
          },
          stops: [
            [0, '#FFF'],
            [1, '#333']
          ]
        },
        borderWidth: 0,
        outerRadius: '109%'
      }, {
        backgroundColor: {
          linearGradient: {
            x1: 0,
            y1: 0,
            x2: 0,
            y2: 1
          },
          stops: [
            [0, '#333'],
            [1, '#FFF']
          ]
        },
        borderWidth: 1,
        outerRadius: '107%'
      }, {
        // default background
      }, {
        backgroundColor: '#DDD',
        borderWidth: 0,
        outerRadius: '105%',
        innerRadius: '103%'
      }]
    },
    chart: {
      type: 'gauge',
      plotBackgroundColor: '',
      plotBackgroundImage: '',
      plotBorderWidth: 0,
      plotShadow: true,
      animation: true,
      spacing: [10, 0, 0, 0],
      renderTo: 'histogram',
      defaultSeriesType: 'bar',
      backgroundColor: 'rgba(255, 255, 255, 0.1)',
      // Explicitly tell the width and height of a chart
      width: null,
      height: null
    },


    // the value axis
    yAxis:...