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',
        fontFamily:'Raleway'
    },
	    
	    series: [{
	        data: [
        {
            name: 'Coś1',
            y: 70,
            color: '#e1e1e1'
        }, {
            name: 'Coś2',
            y: 30,
            color: '#00ced1'
        }],
            borderWidth: 12,
            borderColor: null
	    }]
	});
});