JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.pie.min.js"></script>
<div id="chart"></div>

CSS

#chart { background-color: #333; height: 500px; }

JavaScript

var options = {
    series: {
        pie: {
            show: true,
            label: {
                show: true,
                formatter: function(label, series) {
                    var labelName = label;
                    var labelNumber = series.data[0][1];
                    var labelPercent = series.percent;
                    var labelContent = label + '<br/>' + labelNumber + ' (' + labelPercent + '%)';
                    return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + labelContent + '</div>';
                }
            }
        }
    },
};

var data = [
    {data:  10, label:"test1"},
    {data:  20, label:"test2"},
    {data:  170, label:"test more"}
];

var plot = $.plot('#chart', data, options);