The setup for this is a bit tricky:
1) in the DataTable, set the boundaries of the areas in the 3rd column,
using increasing integers, starting from 0. Any row that isn't an area
border should have a null in the 3rd column.
2) in this section of the code:
series.push({
type: 'area',
lineWidth: 0,
targetAxisIndex: 1,
visibleInLegend: false
// you can set area color here if you like
});
you can set colors on the bands. The key to getting whitespace between
colored bands is to set the "color" parameter in this object to
"transparent" for the bands that represent the empty spaces.
On Friday, April 19, 2013 5:43:40 PM UTC-4, Rogelio Flores wrote:
>
> Yes!... something like that, except I can't seem to be able to generate a
> band of a given color surrounded by white using this approach.
>
>
>
> On Fri, Apr 19, 2013 at 3:57 PM, asgallant
> <drew_g...@abtassoc.com<javascript:>
> > wrote:
>
>> Something like this: http://jsfiddle.net/asgallant/KJavc/?
>>
>>
>> On Friday, April 19, 2013 3:19:43 PM UTC-4, Rogelio Flores wrote:
>>>
>>> A request has come to me to create color bands in our LineCharts similar
>>> to these pinkish bands shown in these two charts:
>>>
>>> http://jsfiddle.net/Jv5LD/14/
>>>
>>> (note these are only opaque divs that I put on top of the charts, but
>>> I'm looking for these bands to be in the background of the chart and
>>> correspond to an h-axis range)
>>>
>>> Is this possible?
>>> If not, I'll go with the "scope" role to de-emphasize the values for the
>>> range.
>>>
>>> --
>> You received this message because you are subscribed to a topic in the
>> Google Groups "Google Visualization API" group.
>> To unsubscribe from this topic, visit
>> https://groups.google.com/d/topic/google-visualization-api/hi_605b-1Pw/unsubscribe?hl=en
>> .
>> To unsubscribe from this group and all its topics, send an email to
>> google-visualization-api+unsubscr...@googlegroups.com <javascript:>.
>> To post to this group, send email to
>> google-visua...@googlegroups.com<javascript:>
>> .
>> Visit this group at
>> http://groups.google.com/group/google-visualization-api?hl=en.
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>>
>>
>
>
--
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 google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
