Google charts - change axis text color

charts google-visualization
LcSalazar picture LcSalazar · Oct 16, 2014 · Viewed 24.9k times · Source

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:

hAxis: {
  color: '#FFF'
}

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:

Answer

juvian picture juvian · Oct 16, 2014

Correct usage for hAxis is using the textStyle options, in which you want the color:

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

I would also recommend using google.setOnLoadCallback(drawChart); function for rendering the chart instead of timeout, at least for me 100 milliseconds was not enough

Related questions

PHP MySQL Google Chart JSON - Complete Example

I have searched a lot to find a good example for generating a Google Chart using MySQL table data as the data source. I searched for a couple of days and realised that there are few examples available for generating …

Read More
Remove padding or margins from Google Charts

Example fiddle How do I remove padding or margins in this example?

Read More
Google Charts - Change individual bar color

With Google Charts bar graph, is it possible to to change the color of one bar. For example I'd like to make the 2006 data red (other bars are blue). function drawVisualization() { // Create and populate the data table. var data = new …

Read More