title: google charts change background color
body: <p>I saw some previous questions/answers here on StackOverflow
  but none of the code provided in those answers seemed to work
  with my chart:
  Here is my code:</p>
  
  <pre><code>&lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    google.load("visualization", "1.1", {packages:["bar"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ['Month', 'Sales', 'Expenses'],
        ['January', 200, 150],
        ['February', 1170, 460],
        ['March', 660, 1120],
        ['April', 1030, 540],
        ['May', 1030, 540],
        ['June', 1030, 540]
      ]);
  
      var options = {
  
            chart: {
              title: 'Company Performance',
              subtitle: 'Sales, Expenses, and Profit: May-August',
              backgroundColor: '#fcfcfc',
            }
  
      };
  
      var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
  
      chart.draw(data, options);
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>The html div code:</p>
  
  <pre><code>&lt;div id="columnchart_material" style="width: 650px; height: 500px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The thing is I want to change the background from white to light gray
  and I can't seem to make it work by declaring backgroundColor: "#fcfcfc'
  inside options{} </p>
  
  <p>Is there any other way to declare a background color on that chart
  I'm thinking maybe the type of chart I'm using can't change it's
  background color.</p>
  
  <p>I also tried to specify the backgroundColor variable as a function (followed by curly brackets backgroundColor{ color: '#fcfcfc' }
  but that didn't work on my chart either.</p>
  
  <p>Any help would be higly appreciated.
  Thank you</p>
  
  <p>jsFiddle : <a href="http://jsfiddle.net/mtypsnqy/" rel="nofollow">http://jsfiddle.net/mtypsnqy/</a></p>