Google charts - changement de l'axe de la couleur du texte

Je suis en train de créer un tableau noir avec Google Charts, mais je n'arrive pas à changer la couleur du texte de l'axe. J'ai essayé quelques morceaux de code que j'ai trouvé sur le web, comme:

hAxis: {
  color: '#FFF'
}

Mais il ne fonctionne tout simplement pas. J'ai réussi à modifier le titre et la légende de la couleur, mais pas l'axe de texte. Je suis en train de configurer l'axe de texte de couleur blanc, pour contraster avec le fond d'écran:

JS:

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);

CSS:

.chart {
  width: 100%;
  height: 200px;
}

HTML:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div class="chart"></div>

  • Mon cas est un peu différent: dans le cas de régulière graphiques (uncofigured couleurs), les textes sont gris au lieu de noir, de sorte que leur contraste est faible. Cela signifie que j'ai manuellement charger et de modifier chaque pièce pour être vraiment noir?
InformationsquelleAutor LcSalazar | 2014-10-16