Wykresy Google - zmiana koloru tekstu osi

Question

Próbuję utworzyć czarny wykres z wykresami Google, ale nie mogę zmienić koloru tekstu osi. Próbowałem niektórych fragmentów kodu znalezionych w Internecie, takich jak:

hAxis: { 
    color: '#FFF' 
} 

Ale to po prostu nie działa. Udało mi się zmienić kolor tytułu i legendy, ale nie tekst osi. Próbuję ustawić kolor tekstu oś do bieli, aby kontrastować z tła:

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

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

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

Answer 1

Prawidłowe wykorzystanie dla hAxis jest za pomocą opcji textstyle, w którym chcesz, aby kolor:

hAxis: { 
    textStyle:{color: '#FFF'} 
} 

polecam również przy użyciu google.setOnLoadCallback(drawChart); funkcję renderowania wykresu zamiast limitu czasu, przynajmniej dla mnie 100 milisekund nie było wystarczająco