JSFiddle - React, Tailwind, and code Playground

by Rafa Ola

HTML

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

JavaScript

google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {

      var jsonPieChartData = $.ajax({
      url: "getVehicleData.php",
      dataType:"json",
      async: false
    }).responseText;
    
    // Create our data table out of JSON data loaded from server.
    var piechartdata = new google.visualization.DataTable(jsonPieChartData);

        var options = {
          title: 'Vehicles Currently in Stock'
        };

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

        chart.draw(piechartdata, options);
      }