JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="container" style="height: 500px; min-width: 500px"></div>

CSS

.highcharts-range-selector-buttons {
  display: none;
}

.highcharts-input-group {
  display: none;
}

JavaScript

$(function() {
    // Create the chart
    window.chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        rangeSelector: {
            enabled: false
        },
        navigator: {
        		enabled: true,
            series: {
                type: 'column'
            },
            xAxis: {
            	labels: {
              	enabled: false
              }
            }
        },
        title: {
            text: 'Comments filtered'
        },
        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },
        series: [{
        "name":"",
        "colorByPoint":true,
        "data":[{
        			"name":1,
              "y":1627500,
              "drilldown":1
              },{
              "name":66,
              "y":2293849.3333333,
              "drilldown":66
              }]
              }],
        drilldown: {
                    series: [{
                        name:"filtered on spam",
                        data:[['youtube',234],['facebook',2345],['stackoverflow', 2435]],
                        id:1 
                }]}, 
        credits: {
            enabled: false
        }
    });
});