How to change the background color for google chart API, what am i doing wrong
<p>here's is my code, what's wrong with it as far the chart background color goes ...</p>

<p>i know everything else works, but i cannot change the background color whatsoever.and i keep looking at the documentation and i keep coming to the same conclusion... Nothing.</p>

<p>the code itself retrieves all of the specified variables, builds the chart and changes the **HTML background, but fails to receive the chart background color change</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"&gt;&lt;/script&gt;
    &lt;?php echo "&lt;style&gt; body, div {background-color: #".$_GET['color']."} &lt;/style&gt;"?&gt;
    &lt;script type="text/javascript"&gt;
      google.charts.load('current', {'packages':['bar']});
      google.charts.setOnLoadCallback(drawStuff);


      var goal = &lt;?php echo $_GET['goal']; ?&gt;;
      var complete = &lt;?php echo $_GET['complete']; ?&gt;;
      var dmr = &lt;?php echo $_GET['dmr']; ?&gt;;
      var wysb = &lt;?php echo $_GET['wysb']; ?&gt;;
      function drawStuff() {

        var data = new google.visualization.arrayToDataTable([
          ['Type', 'Quantity:'],
          ["Goal", goal],
          ["Complete", complete],
          ["DMR", dmr],
          ["W.Y.S.B.", wysb],
        ]);

        var options = {
          title: 'Productivity Monitor',
          width: 900,
          legend: { position: 'none' },
          chart: { title: 'Productivity Monitor',
                   subtitle: 'Comparative Chart with color indicator background' },
          bars: 'horizontal', // Required for Material Bar Charts.
          backgroundColor :{fill : '&lt;?php echo "#".$_GET["color"]; ?&gt;' },
          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>