If you draw a chart and set

chartArea: {backgroundColor: {stroke: 'black', strokeWidth: 10, fill: 
'#F0F0F0'}}}

to draw a border around it, and then draw a graph where the hAxis doesn't 
start at 0 (eg between two dates), the hAxis.gridline seems to be drawn *after 
*and therefore *on top of* the chartArea border.

This looks a bit messy. I first noticed it when the gridline was the 
default mid-grey and the border was 1 pixel wide: the border was then black 
at the top, right and bottom, but was grey on the left. In the example that 
I've attached, I've made the border 10 pixels wide and set the gridlines to 
red to show the problem more effectively.

I wonder whether a solution would be to change the way the graph is draw in 
one of two ways:

- draw the border after and on top of the axes and the data lines

- draw gridlines only where they lie between the left and right borders of 
the graph, and not if they coincide with the borders



By the way, is there a way of reducing the large amount of horizontal white 
space between the left and right vAxis titles and the numbers (eg 0, 10, 
20) on those axes? I presume it's large to accommodate the possibility of 
the axis numbers being many digits in length

-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/9e24914b-3e04-4d4a-957b-e7854e740237%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
  • [visualization-api] Displa... Martin Underwood

Reply via email to