title: Google charts - change axis text color
body: <p>I'm trying to create a black chart with Google Charts, but I can't seem to change the text color of the axis. I tried some code pieces I found on the web, like:</p>
  
  <pre><code>hAxis: {
    color: '#FFF'
  }
  </code></pre>
  
  <p>But it just doesn't work. I've managed to change the title and legend color, but not the axis text. I'm trying to set the axis text color to white, to contrast with the backgroud:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>google.load("visualization", "1", { packages: ["corechart"] });
  setTimeout(function() {
    var options = {
      title: 'Test Chart',
      backgroundColor: '#000',
      legendTextStyle: { color: '#FFF' },
      titleTextStyle: { color: '#FFF' },
      hAxis: {
        color: '#FFF',
      }
    };
    var chart = new google.visualization.LineChart(document.querySelector(".chart"));
    chart.draw(google.visualization.arrayToDataTable(
      
      [
        ["Year", "T1", "T2", "T3"],
        [0, 10, 20, 30],
        [1, 10, 20, 30],
        [2, 10, 20, 30],
        [3, 10, 20, 30],
        [4, 10, 20, 30]
      ]
    
    ), options);
    
  }, 100);</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.chart {
    width: 100%;
    height: 200px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
  &lt;div class="chart"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>