JSFiddle - React, Tailwind, and code Playground

by jhanifen

HTML

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

<div id="summary_chart"></div>

JavaScript

$(function () {
    var metrics_chart = new Highcharts.Chart({
            chart: {
                
                renderTo: 'summary-chart',
                type: 'column',
                height: 283,
                style: {
                    fontFamily: 'arial'
                },
                backgroundColor:'rgba(255, 255, 255, 0.1)',
                marginTop: 20,
                marginLeft: -4,
                marginRight: 0,
                marginBottom: 55
            },
            plotOptions: {
                series: {
                    shadow: false,
                    labels: false,
                    borderColor: '#84AEC9',
                    borderRadius: 2,
                    marker: {
                        fillColor: '#FFFFFF',
                        lineWidth: 2,
                        lineColor: null // inherit from series
                    }
                },
                column:{
                    stacking: 'normal',
                    pointPadding: 0.01,
                    dataLabels: {
                        enabled: false
                    }
                }
            },
            title: {
                text: ''
            },
            legend: {
                enabled: false
            },
            credits: {
                enabled: false
            },
            
            xAxis: {
                categories: ["\u003cstrong style=\"color: #666666\"\u003eFRI\u003c/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 10px;\"\u003e07/26/13\u003c/span\u003e", "\u003cstrong style=\"color: #666666\"\u003eSAT\u003c/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 10px;\"\u003e07/27/13\u003c/span\u003e", "\u003cstrong style=\"color: #666666\"\u003eSUN\u003c/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size: 10px;\"\u003e07/28/13\u003c/span\u003e", "\u003cstrong style=\"color: #666666\"\u003eMON\u003c/strong\u003e\u003cbr\u003e\u003cspan style=\"font-size:...