JSFiddle - React, Tailwind, and code Playground

HTML

<script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/jquery.jqplot.js"></script>

 <script language="javascript" type="text/javascript" src="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/plugins/jqplot.pieRenderer.js"></script>

<div id="chart2"></div>

CSS

div.jqplot-data-label{z-index: 1000;}

JavaScript

plot1 =jQuery.jqplot('chart2',
    [[['data1', 80],['data2',20]]],
    {
      title: ' ',
      seriesDefaults: {
        shadow: false,
        renderer: $.jqplot.PieRenderer,

        rendererOptions: {
//        fill: false,
          sliceMargin: 4,

          showDataLabels: true
        }
      },
      grid: {
                                    //drawGridLines: true,
                                    background: 'transparent'
                                },
      legend: { show:true, location: 'n' }
    }
  )