JSFiddle - React, Tailwind, and code Playground

by Rajeswaritest

HTML

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

 
 <div class="col" id="container" tabindex="0">
 
 </div>

CSS

.col    {
    float:left;
    margin: 0px;
    width: 198px;
    height: 152px;
    border: 1px solid black;
}

JavaScript

$(function() {     

   var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            
            margin: [0, 0, 0, 0],
            spacingTop: 0,
            spacingBottom: 0,
            spacingLeft: 0,
            spacingRight: 0
        },
        credits: {
            enabled: false
        },
        title: {
            text: null
        },
        plotOptions: {
            pie: {
                size:'100%',
                dataLabels: {
                    enabled: false
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Months',
            data: [
                ['Jan', 45.0],
                ['Feb', 26.8],
                ['Mar', 8.5],
                ['June', 6.2],
                ['July', 21.0]
            ]}]    
    });
   
});