title: How to make google pie chart api background transparent
body: <p>this is the google code for pie char apt:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
        google.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = new google.visualization.DataTable();
          data.addColumn('string', 'Topping');
          data.addColumn('number', 'Slices');
          data.addRows([
            ['Mushrooms', 3],
            ['Onions', 1],
            ['Olives', 1],
            ['Zucchini', 1],
            ['Pepperoni', 2]
          ]);
  
          var options = {backgroundColor: '#676767',
                         'width':400,
                         'height':300};
  
          var chart = new google.visualization.PieChart(document.getElementById('priority_customers_report'));
          chart.draw(data, options);
        }
      &lt;/script&gt;
  </code></pre>
  
  <p>Here the <code>backgroundColor: '#676767'</code> gives us the color now I want it to be transparent, how can I do that?</p>
  
  <p>And how to set the text in bottom? As it's not clear in Google Documentation, really tough to understand.</p>
  
  <p>This is related to the <a href="http://code.google.com/apis/chart/interactive/docs/gallery/piechart.html" rel="nofollow noreferrer">Simple Pie Chart of Google</a></p>