JSFiddle - React, Tailwind, and code Playground

by djmartini

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
       <div id="piechart" style="width: 900px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawChart);

        function drawChart() {
          var data = google.visualization.arrayToDataTable([
            ['Genre', 'Percentage of my books'],
            ['First option', 1580],
            ['Second option', 459]]);

          var chart = new google.visualization.PieChart(
            document.getElementById('piechart'));

          var options = { tooltip: { trigger: 'selection' }};

          chart.setAction({
            id: 'increase',
            text: 'Показать в голосах',
            action: function() {
              options.pieSliceText = (options.pieSliceText == 'value') ? 'percentage' : 'value';
              chart.draw(data, options);
            }
          });

            chart.draw(data, options);
        }