JSFiddle - React, Tailwind, and code Playground

by Angelos Chaidas

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="background:white; width: 600px; height: 320px;"></div>

CSS

body {
    background:#EFEFEF;
}

JavaScript

$(function () {
    $('#container').highcharts({
        credits: {
            enabled: false
        },
        chart: {
            type: 'column',

        },
        plotOptions: {
            series : {
                dataLabels : {
                    enabled : true,
                    style : {
                        fontSize : '12px',
                        fontFamily : 'Arial',
                        color : '#0080FF'
                    },
                    format : '%{y}'
                }
            }
        },
        title: {
            text: ''
        },
        xAxis: {
            title : {
                text : 'Salary ranges'
            },
            categories: [
                '£10-20K',
                '£20-30K',
                '£30-40K',
                '£40-50K',
                '£50-60K',
                '£60-70K',
                '£70K+'],
            labels: {
                style: {
                    fontSize: '12px',
                    fontFamily: 'Arial'
                }
            },
            plotLines: [{
                value: 4,
                color: 'red',
                width: 2,
                label: {
                    text: '<strong>£52.532</strong> this job',
                    style: {
                        color: 'red',
                        fontSize: '12px',
                        fontFamily: 'Arial'
                    },
                    rotation : 0
                },
                zIndex: 5
            }, {
                value: 2.24,
                color: 'black',
                width: 2,
                label: {
                    text: '<strong>£34.000</strong> Accounting & Finance category average',
                    style: {
                        color: 'black',
                        fontSize: '12px',
                        fontFamily: 'Arial'
                    },
                    rotation : 0,
                    y:28
                },
               ...