Google Pie Chart in SharePoint Online

The code given below generates Pie Chart with static data.

<script type="text/javascript" src="" >
<script type="text/javascript" src="" ></script>
<script type="text/javascript" src="" ></script>

	<script type="text/javascript">	   
	google.charts.load("current", {packages:["corechart"]});
			$(document).ready(function() {			  
	 function drawChart() {
    // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
      ['Problems', 'Hours per Day'],
	  ['ACMV', '0'],
      ['Carpentry & Hot works', '367'],
      ['Electrical', '83.55'],
      ['General', '63.1'],
      ['Sanitation', '0'],
    var options = {
      title: 'Facilities Work Order February',
	  is3D: true,
     // Create and draw the visualization.
    new google.visualization.PieChart(
      document.getElementById('my_chart')).draw(data, options);

<div class="container">

<div class="row">

<div id="my_chart" style="width: 500px; height: 300px">



Google Pie chart in SharePoint online

I have hardcoded the value in the above code, but we can also call REST services to fetch the data from SharePoint Online list which I posted in below code.