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>

JavaScript

$(function () {
	$('#container').highcharts({
	    chart: {
	        type: 'pie'
	    },
	    
	    plotOptions: {
	        pie: {
	            innerSize: '95%',
              dataLabels: {
                  enabled: false
              }
	        }
	    },
        
        title: {
            text:'',
            verticalAlign: 'middle',
            floating: true
        },
	    
	    series: [{
	        data: [
        {
            name: 'Negatywny',
            y: 28,
            color: '#c74a31'
        }, {
            name: 'Neutralny',
            y: 34,
            color: '#c3c3c3'
        }, {
            name: 'Pozytywny',
            y: 38,
            color: '#3c9173'
        }],
            borderWidth: 12,
            borderColor: null
	    }]
	});
});