JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://www.gstatic.com/charts/loader.js"></script>
<body>
<div id="piechart" width="500" height="300" style="background-color: #FAFAD2"></div>
JavaScript
google.charts.load('current', {
'packages': ['corechart']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['type', 'money'],
['Свободные средства', 1120],
['Зарезервированные средства', 257]
]);
var options = {
width: 500,
height: 300,
backgroundColor: '#FAFAD2',
pieSliceTextStyle: {
color: '#f0f0f0',
fontName: 'Georgia',
fontSize: '16'
},
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}