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.