Google Chart Background Color

[firebait]

I'm styling a google chart using the javascript api. I want to change
the background of the area where the data is plotted. For some reason
when I set background options like so:

chart.draw(data, { backgroundColor: { fill: "#F4F4F4" } })

It changes the the background of the whole chart and not the area
where the data is plotted. Any ideas on how to only change the
background of the plotted area?
Thanks

[Jinji]

Sorry, but this is not supported at the moment.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

[Mitesh Chauhan]

I want to add background color for some range. is that possible?

On Thursday, 12 January 2012 19:53:25 UTC+5:30, Jinji wrote:

Sorry, but this is not supported at the moment.

On Wed, Jan 11, 2012 at 10:22 PM, firebait <marco...@gmail.com> wrote:

I'm styling a google chart using the javascript api. I want to change
the background of the area where the data is plotted. For some reason
when I set background options like so:

chart.draw(data, { backgroundColor: { fill: "#F4F4F4" } })

It changes the the background of the whole chart and not the area
where the data is plotted. Any ideas on how to only change the
background of the plotted area?
Thanks

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.

To unsubscribe from this group, send email to google-visualization-api+unsub...@googlegroups.com.

[Sergey Grabkovsky]

Unfortunately, this isn't officially supported. However, you can hack it by adding a area series or a steppedArea series to your chart and making it non-interactive. If you link to a jsfiddle with some of your data, I can show you exactly how to do so.

- Sergey

To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.

Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.

[asgallant]

I have two examples you can draw from: Colored areas as chart background and Colored horizontal bands as chart background.

On Monday, January 27, 2014 10:02:20 AM UTC-5, Sergey wrote:

Unfortunately, this isn't officially supported. However, you can hack it by adding a area series or a steppedArea series to your chart and making it non-interactive. If you link to a jsfiddle with some of your data, I can show you exactly how to do so.

- Sergey

On Mon, Jan 27, 2014 at 5:24 AM, Mitesh Chauhan <mit...@alakmalak.com> wrote:

I want to add background color for some range. is that possible?

On Thursday, 12 January 2012 19:53:25 UTC+5:30, Jinji wrote:

Sorry, but this is not supported at the moment.

On Wed, Jan 11, 2012 at 10:22 PM, firebait <marco...@gmail.com> wrote:

I'm styling a google chart using the javascript api. I want to change
the background of the area where the data is plotted. For some reason
when I set background options like so:

chart.draw(data, { backgroundColor: { fill: "#F4F4F4" } })

It changes the the background of the whole chart and not the area
where the data is plotted. Any ideas on how to only change the
background of the plotted area?
Thanks

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.

To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

--
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+unsub...@googlegroups.com.

[Mitesh Chauhan]

I have created Jsfiddle with my chart data.  http://jsfiddle.net/L7KpS/1/ I just want to set Gray or any predefined color background as per below image. thanks in advance...

[asgallant]

You need to create a DataView that adds two series of data to your data set: the first sets the lower bound of the shaded area, the second sets the upper bound.  Use a ComboChart with the first series set to a "bars" type, while the second and third are set to "area" types.  Here's an example based on your code: http://jsfiddle.net/asgallant/L7KpS/2/

[Mitesh Chauhan]

Ohh gr8. Its working awesome. thx a lot...

--
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/v-waN8ija1Q/unsubscribe.
To unsubscribe from this group and all its topics, send an email to google-visualizati...@googlegroups.com.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.

--
Best regards,
Mitesh Chauhan

Web Developer

Alakmalak Technologies Pvt. Ltd.