JSFiddle - React, Tailwind, and code Playground

by anikettiwari

HTML

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

<div id="container">
    <div id="chart"></div>
</div>

CSS

#container {
    background: red;
    border: 1px solid green;
    width: 100%;
    height: 200px;
}
#chart {
  width: 100%;
  height: 100%;
}

JavaScript

$(function() {
    var chart = new Highcharts.Chart({

        chart: {
            renderTo: 'chart',
            margin: 0,
            defaultSeriesType: 'areaspline',
            events: {
            	load: function(event) {
                event.target.reflow();
              }
            }
        },
    
        series: [{
            data: [33,4,15,6,7,8, 73,2, 33,4,25],
    
            marker: {
                enabled: false
            }
        }]
    });
});