JSFiddle - React, Tailwind, and code Playground

by sbochan

HTML

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

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

CSS

#container{ 
background:url('http://www.highcharts.com/demo/gfx/skies.jpg') 31px 35px no-repeat;
}

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            backgroundColor: 'rgba(1,1,1,0)',
            type: 'bar'
        },
        
        series: [{
            name: 'Year 1800',
            data: [107, 31, 635, 203, 2]
        }]
    });
});