JSFiddle - React, Tailwind, and code Playground

by ninachroscicka

HTML

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

<div id="container" style="height: 400px; width: 500"></div>

CSS

@import url(https://fonts.googleapis.com/css?family=Raleway:400);

JavaScript

$(function () {
	$('#container').highcharts({
	    chart: {
	        type: 'pie'
	    },
      title: {
    verticalAlign: 'middle',
    floating: true
},
	    
	    plotOptions: {
	        pie: {
	            innerSize: '95%',
              dataLabels: {
                  enabled: false
              }
	        }
	    },
       title: {
        text: 'Basdadadt',
        align: 'center',
        verticalAlign: 'middle',
        style: {
            fontFamily: 'Raleway'
        }
    },
	    
	    series: [{
	        data: [[ "Kobiety", 0.3860262008733624 ],
           [ "Brak oznaczenia", 0.3179039301310044 ],
           [ "Mężczyźni", 0.2960698689956332 ]],
            borderWidth: 12,
            borderColor: null
	    }]
	});
});