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="graph" style="height: 400px"></div>
<button id="button" onClick="addPoints('New',50)">Add point</button>

JavaScript

var chart;
var count = 0;
$(function () {
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'graph',
                type: 'column',
                margin: [ 50, 50, 100, 80]
            },
            title: {
                text: 'Random Data'
            },
            xAxis: {
                categories: [
                    'T1',
                    'T2'
                ],
				startOnTick: true,
				endOnTick: true,
                labels: {
                    rotation: -45,
                    align: 'right',
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Y-Axis'
                }
            },
            legend: {
                enabled: false
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.x +'</b><br/>'+
                        'Tip is: '+ Highcharts.numberFormat(this.y, 1);
                }
            },
            series: [{
                name: 'Population',
                data: [34.4, 21.8],
                dataLabels: {
                    enabled: true,
                    rotation: -90,
                    color: '#FFFFFF',
                    align: 'right',
                    x: 4,
                    y: 10,
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            }]
        });
    });
    
});

function addPoints(name,acc)
{
	var series = chart.series[0];
	series.addPoint(acc, false, true);
	categories = chart.xAxis[0].categories;
	categories.push(name+count);
    count++;
	chart.xAxis[0].setCategories(categories, false);
	chart.redraw();
}