JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Product', 'Sale In Percent'],
          ['product2', 5.5],
          ['product3', 7.5],
          ['product4', 1.5],
          ['product5', 8.5],
        ]);

        var options = {
          title: 'Product Sales',
          pieSliceText: 'value'
        };

       var chart = new google.visualization.PieChart(document.getElementById('piechart2'));
        chart.draw(data, options);
        
        [].slice.call(document.querySelectorAll('#piechart2 path + text'))
        	.forEach(function(el) {
          	el.textContent += '%';
          });
      }
    </script>
<div id="piechart2" style="width: 700px; height: 400px; position: relative;"></div>