JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.2.2/css/bootstrap-responsive.min.css" rel="stylesheet">

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

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

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

JavaScript

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'bar',
                events: {
                    load: function(e) {
                        $(".3dColumnsSliders").click(function() {                            
                        	$(this).popover({trigger:'click', placement:'bottom',html:true,
                        content:function(){return $('#sliders').html()}});
                        });
                        
                        /*.click(function() {
                            $('.popover').appendTo($(document.body));
                        });*/
                    }
                }
            },exporting:{
			    	buttons: {
		                customButton: {
		                    x: -62,
		                    className:'3dColumnsSliders',		                    
		                    symbol: 'circle'
		                }
		            }},
            title: {
                text: 'Historic World Population by Region'
            },
            subtitle: {
                text: 'Source: Wikipedia.org'
            },
            xAxis: {
                categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
                title: {
                    text: null
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Population (millions)',
                    align: 'high'
                },
                labels: {
                    overflow: 'justify'
                }
            },           
            plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                },
                point: {
                        events: {
                            mouseOver: function() {
                                // Trigger...