JSFiddle - React, Tailwind, and code Playground

by Dongor7

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

$(function() {
  $('#container').highcharts({
    plotOptions: {
      pie: {
        dataLabels: {
          distance: -30,
          format: '{point.name} {point.percentage}%',
          style: {
            width: '50px'
          }
        },
      }
    },

    series: [{
      type: 'pie',
      data: [
        ['Apples', 40],
        ['North-East Australian Lesser Spotted Kumquat', 40],
        ['Bananas', 20]
      ]
    }]
  });
});