JSFiddle - React, Tailwind, and code Playground

by AbhishekRohan

HTML

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>

JavaScript

$(function () {
    $('#container').highcharts({
        "chart": {
            "type": "column",
            "plotShadow": false,
            "polar": false,
            "renderTo": ""
        },
        "credits": {
            "enabled": false
        },
        "title": {
            "text": ""
        },
        "xAxis": {
            "categories": ["Category 1", "Category 2", "Category 3", "Category 4", "Category 5", "Category 6", "Category 7", "Category 8", "Category 9"],
            "labels": {
                "enabled": true,
                "style": {
                    "fontSize": "8px",
                    "fontFamily": "Arial"
                }
            },
            "lineWidth": 1,
            "tickWidth": 0,
            "title": {
                "text": "",
                "style": {
                    "fontFamily": "Arial"
                }
            }
        },
        "yAxis": {
            "lineWidth": 1,
            "title": {
                "text": "",
                "style": {
                    "fontFamily": "Arial"
                }
            },
            "gridLineWidth": 0,
            "labels": {
                "enabled": true,
                "format": "{value:.0f}",
                "style": {
                    "fontSize": "8px",
                    "fontFamily": "Arial"
                }
            },
            "startOnTick": true,
            "endOnTick": true
        },
        "series": [{
            "name": "Company Value",
            "data": [{
                "name": "Adidas Group",
                "color": "#f1b11d",
                "y": 63.0,
                "showInLegend": false,
                "dataLabels": {
                    "align": "center",
                    "enabled": true,
                    "borderColor": "",
                    "rotation": 0,
                    "style": {
                        "fontSize": "8px",
                        "fontFamily": "Arial"
                    }
    ...