Google Chart Setting Gridline Color

Question

I'm trying to set the color of the gridlines in the background of my Graph using Google Charts.

I've got this code for setting the options of the chart:

ac.draw(activityData, {
    title : 'Monthly Coffee Production by Country',
    isStacked: true,
    width: 600,
    height: 400,
    fontSize: 0,
    backgroundColor: '#1E4D6B',
        hAxis.gridlines.color: '#1E4D6B'
});

However, I don't know how to use the options like hAxis.gridlines.color within my code that appear in the configuration options page.

If I simply put hAxis.gridlines.color, it comes up with an error in the console of:

Uncaught SyntaxError: Unexpected token .

What is the correct syntax to make use of the options that contain periods?

score 12 · Accepted Answer · answered Jun 06 '12 at 15:29

12

It's an object litteral you're passing as second parameter of draw(), so I guess it should instead be :

hAxis: {gridlines: {color: '#1E4D6B'}}

answered Jun 06 '12 at 15:29

Romain Valeri

19,645
3
36
61

score 6 · Answer 2 · edited Mar 01 '19 at 00:23

6

gridlineColor: '#f0f' also works, and this is how you do it.

{vAxis: {gridlineColor: '#f0f'}}

edited Mar 01 '19 at 00:23

surendrapanday

530
3
13

answered Oct 12 '18 at 12:11

alexeevyci

271
1
5
16

Google Chart Setting Gridline Color

2 Answers2