JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
JavaScript
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
data = new google.visualization.arrayToDataTable([
['Tickets', 'Count'],
['Desktop', 5],
['Hardware', 2],
['General Task', 0.4],
['Mobile Device', 0.9],
['Laptops', 0.9],
['IVR', 5],
['Other', 2],
['N/A', 0.4],
['Printer', 0.9],
['Software', 0.9],
['WIN 7', 5],
['RITS Request', 2],
['SharePoint', 0.4],
['LINUX', 0.9],
['UNIX', 0.9]
]);
var formatter = new google.visualization.NumberFormat(
{prefix: '$'});
formatter.format(data, 1);
var options = {
pieSliceText: 'value'
};
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}