JSFiddle - React, Tailwind, and code Playground

by H17737

HTML

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

<div id="container" style="width: 200px; height: 300px; margin: 0 auto"></div>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);

JavaScript

$(function () {
        var correlationGraph = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column'
            },
            exporting: {
	            buttons: {
	                printButton:{
	                    enabled:false
	                },
	                exportButton: {
	                    enabled:false
	                }
	            }
            },
            title: {
                text: null
            },
            subtitle: {
                text: null
            },
            credits:{
                enabled:false
            },
            xAxis: {
                gridLineWidth:0,
                categories: [
                    'Jan',
                    'Feb',
                    'Mar',
                    'Apr'
                ],
                tickWidth:0,
                lineWidth:0,
                labels: {
                    rotation: 90,
                    style: {
                        color: '#525252',
                        fontSize: '15px',
                        textTransform: 'uppercase',
                        fontFamily: "Open Sans",
                        fontWeight: 'bold'
                    },
                    y:20,
                    x:-2
                }
            },
            yAxis: {
                gridLineWidth:0,
                min: 0,
                title: {
                    text: null
                },
                labels: {
                    enabled: false
                }
            },
            tooltip: {
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0,
                    legend:{
                        enabled:false
                    }
                },
                series: {
                    pointPadding:0,
                    groupPadding: 0,
                    borderWidth: 10,
                   ...