multiple colors of single bar in a bar chart

[Skiny B]

Hi all,

Extreme newbie to this forum/the Visualization API...

I am attempting to build a bar chart that shows a percentage of maximum capacity.

For example, up until 80% of 100%, the bar will be blue, everything after 80%, - 82%, 86%, 90%, 95% will be a different color. 

Is this possible? 

thanks!

Skinny

[Daniel LaLiberte]

Skinny,

There is a new feature for column and bar charts that supports what you want.  See https://developers.google.com/chart/interactive/docs/gallery/columnchart

--
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-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.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/c547e049-827c-4f13-8b5e-95a322d573c9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlaliberte@Google.com   5CC, Cambridge MA

daniel.laliberte@GMail.com 9 Juniper Ridge Road, Acton MA

[Skiny B]

Hi Daniel,

Thanks for looking into this...

Sorry for not posting this earlier... I had kinda replicated something similar to what I believe you are referring to, when I add the third column into the bar chart. 

https://jsfiddle.net/skinnyb/33og516L/

In some instances, I enter my first column number, the give blue color in the bar (up until %80). Then I need to enter in another number into a third column if I want to get that number to push past 80. When hovering over the red part of the bar, it will give me the third column number I entered in. Is there any way to change the hover number? Sorry for not being more concise in the problem I was having... So if I enter 80 for the first column, the chart maps the bar to %80, and %80 shows when I hover. Then if I enter my second number as 10 (which will bring it to %90), when I hover the red part of the bar, it shows %10. I would like either the blue or red part of the bar to show as %90, not %80 or %10. Not sure if that is descriptive enough?

Apologies again for not being as descriptive as possible...

thanks!
Skinny

On Wednesday, August 19, 2015 at 4:07:51 PM UTC-5, Daniel LaLiberte wrote:

Skinny,

There is a new feature for column and bar charts that supports what you want.  See https://developers.google.com/chart/interactive/docs/gallery/columnchart

On Wed, Aug 19, 2015 at 5:00 PM, Skiny B <barlow...@gmail.com> wrote:

Hi all,

Extreme newbie to this forum/the Visualization API...

I am attempting to build a bar chart that shows a percentage of maximum capacity.

For example, up until 80% of 100%, the bar will be blue, everything after 80%, - 82%, 86%, 90%, 95% will be a different color. 

Is this possible? 

thanks!

Skinny

--
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.

To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/c547e049-827c-4f13-8b5e-95a322d573c9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA

[Mitch Barlow]

Daniel,

I believe I found what I am looking for in customizing the tooltip popup.

thanks again man!

On Wed, Aug 19, 2015 at 4:49 PM, Skiny B <barlow...@gmail.com> wrote:

Hi Daniel,

Thanks for looking into this...

Sorry for not posting this earlier... I had kinda replicated something similar to what I believe you are referring to, when I add the third column into the bar chart. 

https://jsfiddle.net/skinnyb/33og516L/

In some instances, I enter my first column number, the give blue color in the bar (up until %80). Then I need to enter in another number into a third column if I want to get that number to push past 80. When hovering over the red part of the bar, it will give me the third column number I entered in. Is there any way to change the hover number? Sorry for not being more concise in the problem I was having... So if I enter 80 for the first column, the chart maps the bar to %80, and %80 shows when I hover. Then if I enter my second number as 10 (which will bring it to %90), when I hover the red part of the bar, it shows %10. I would like either the blue or red part of the bar to show as %90, not %80 or %10. Not sure if that is descriptive enough?

Apologies again for not being as descriptive as possible...

thanks!
Skinny

On Wednesday, August 19, 2015 at 4:07:51 PM UTC-5, Daniel LaLiberte wrote:

Skinny,

There is a new feature for column and bar charts that supports what you want.  See https://developers.google.com/chart/interactive/docs/gallery/columnchart

On Wed, Aug 19, 2015 at 5:00 PM, Skiny B <barlow...@gmail.com> wrote:

Hi all,

Extreme newbie to this forum/the Visualization API...

I am attempting to build a bar chart that shows a percentage of maximum capacity.

For example, up until 80% of 100%, the bar will be blue, everything after 80%, - 82%, 86%, 90%, 95% will be a different color. 

Is this possible? 

thanks!

Skinny

--
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-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.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/c547e049-827c-4f13-8b5e-95a322d573c9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Daniel LaLiberte  - 978-394-1058

dlali...@Google.com   5CC, Cambridge MA

daniel.l...@GMail.com 9 Juniper Ridge Road, Acton MA

--
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/PpAUbKGfUWc/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.

To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/5e46a9f1-7b7a-4737-9e62-02e4d0b263b1%40googlegroups.com.