title: Google Charts Bar Background Color Not Working
body: <p>All I want to do is change the background color to transparent, yet I can't even change the color at all no matter the combination of options I see anywhere in the (fantastic!...) documentation. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no"&gt;
    &lt;title&gt;&lt;/title&gt;
  
  
    &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      google.charts.load('current', {
        'packages': ['bar']
      });
      google.charts.setOnLoadCallback(drawStuff);
  
      function drawStuff() {
        var data = new google.visualization.arrayToDataTable([
          ['Opening Move', 'Percentage'],
          ["King's pawn (e4)", 44],
          ["Queen's pawn (d4)", 31],
          ["Knight to King 3 (Nf3)", 12],
          ["Queen's bishop pawn (c4)", 10],
          ['Other', 3]
        ]);
  
        var options = {
  
          title: 'Chess opening moves',
          width: 900,
          legend: {
            position: 'none'
          },
          chart: {
            title: 'Chess opening moves',
            subtitle: 'popularity by percentage'
          },
  
          bars: 'horizontal',
          axes: {
            x: {
              0: {
                side: 'top',
                label: 'Percentage'
              } // Top x-axis.
            }
          },
          bar: {
            groupWidth: "90%"
          }
        };
  
        var chart = new google.charts.Bar(document.getElementById('top_x_div'));
        chart.draw(data, options);
      };
    &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="top_x_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>