title: Google Pie-charts
body: <p>JavaScript code to add a 3D Pie chart(Google charts).The Pie-chart doesn't shows in the view.How to solve it ?</p>
  
  <p>Javascript:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          $(function() {
              &lt;?php
                  $bookingData = array();
                  $i=0;
                  foreach($bookingCounts as $booking){
                  $bookingData[$i]['label'] = $booking['Name'];
                  $bookingData[$i]['data'] = $booking['total'];
                  $i++;
                  }
              ?&gt;
              var data = &lt;?php echo json_encode($bookingData, JSON_NUMERIC_CHECK);?&gt;;
              console.log(data);
  
      var options = {
            title: 'Booking',
            is3D: true,
          };
  
          var chart = new google.visualization.PieChart(document.getElementById('flot-pie-chart'));
          chart.draw(data, options);
  
  
  });
  </code></pre>
  
  <p>My View is:</p>
  
  <pre><code>&lt;div class="flot-chart"&gt;
      &lt;div class="flot-chart-content" id="flot-pie-chart"&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>