JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

JavaScript

$(function() {
  Highcharts.chart('container', {
    chart: {
      type: 'pie'
    },

    title: {
      text: null
    },

    legend: {
    //  symbolWidth: 40,
    //       symbolHeight: 20,
  //    squareSymbol: false,
   //   symbolRadius: 0
    },

    plotOptions: {
      pie: {
        dataLabels: {
          enabled: false
        }
      }
    },

    series: [{
   //   showInLegend: true,
      data: [
        ['s1', 1],
        ['s2', 2],
        ['s3', 3],
        ['s4', 4],
        ['s5', 5]
      ]
    }],
  });
});