JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

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

JavaScript

$(function () {
	$('#container').highcharts({
	
	 
	    chart: {
          renderTo: 'container',
	        type: 'gauge',
	        plotBorderWidth: 1,
	        plotBackgroundColor: {
	        	linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
	        	stops: [
	        		[0, '#FFF4C6'],
	        		[0.3, '#FFFFFF'],
	        		[1, '#FFF4C6']
	        	]
	        },
	        plotBackgroundImage: null,
            width:300,
            height:300
	     
	    },
      exporting: 
      {
          buttons: 
          {
              testButton: {
                  symbol: 'diamond',
                  align: 'left',
                  x: 5,
                  symbolFill: '#B5C9DF',
                  hoverSymbolFill: '#779ABF',
                  _titleKey: 'Report of this sensor',
              }
          }
        },
        xAxis: {   

        },
	
	    title: {
	        text: 'title'
	    },
	    
	    pane: [{
	        startAngle: -45,
	        endAngle: 45,
	        background: null,
	        center: ['50%', '110%'],
	        
	    }],	
      legend: {
            layout: 'vertical',
            floating: false,
            backgroundColor: '#FFFFFF',
            align: 'left',
            verticalAlign: 'top',
        
        },    		        
	
	    yAxis: [{
	        min: 0,
	        max: 19,
	        minorTickPosition: 'outside',
	        tickPosition: 'outside',
	        plotBands: [{
	        	from: 0,
	        	to: 8,
	        	color: '#e02316',
	        	innerRadius: '100%',
	        	outerRadius: '105%'
	        }, {
	        	from: 12,
	        	to: 19,
	        	color: '#C02316',
	        	innerRadius: '100%',
	        	outerRadius: '95%'
	        }],
	        pane: 0,
	        title: {
	        	text: '<br/><span style="font-size:10px">Sensor1</span>',
	        	y: -20
	        }
	    }],
      credits: {
        enabled: false
      },
	    
	    plotOptions: {
          gauge: {
            dataLabels: {
              enabled: true,
             ...