JSFiddle - React, Tailwind, and code Playground

by core972

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },

    xAxis: {
        categories: ['First', 'Whatever', 'Second', 'Another', 'Third', 'Together', 'Never', 'Last one']
    },

    series: [{
        data: [{
            name: 'Point 1',
            y: 1,
            pointWidth:100
        }, {
            name: 'Point 2',
            y: 5
        }, {
            name: 'Point 3',
            y: 3
        },{
            name: 'Point 4',
            y: 2,
            pointWidth:100
        }, {
            name: 'Point 5',
            y: 4
        }, {
            name: 'Point 6',
            y: 3
        },{
            name: 'Point 7',
            y: 2
        }, {
            name: 'Point 8',
            y: 5
        }]
    }]
});