JSFiddle - React, Tailwind, and code Playground

HTML

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

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

JavaScript

var chart = new Highcharts.Chart({
                           chart: {
                               renderTo: 'container',
                               type: 'column'
                           },
                           credits: {
                               enabled: false
                           },

                           title: {
                               text: 'Total Open'
                           },
                           xAxis: {
                               categories: ['Wintel', 'SQL DBA']
                           },
                           yAxis: {
                               min: 0,
                               title: {
                                   text: '# Tickets'
                               },
                               stackLabels: {
                                   enabled: true,
                                   style: {
                                       fontWeight: 'bold',
                                       color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                                   }
                               }
                           },
                           legend: {
                               align: 'right',
                               x: -10,
                               verticalAlign: 'top',
                               layout: 'vertical',
                               y: 0,
                               floating: true,
                               backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
                               borderColor: '#CCC',
                               borderWidth: 1,
                               shadow: false
                           },
                           tooltip: {
                               formatter: function () {
                                   return '<b>' + this.x + '</b><br/>' + this.series.name + ':' + this.y + '<br/>' +
      ...