Google Stacked Group Chart , Need Clustered stacked columns using google chart only

8347 views
Skip to first unread message

Ravi Kanje

unread,
Mar 6, 2016, 9:08:16 PM3/6/16
to Google Visualization API
Hi All,

Can anyone help me in drawing the google stacked column chart as attached. I am able to produce column chart but the issue is i am not able to clustered stacked columns based on the X-Axis  monthly data.

I want to group the stacked column chart based on month so that i can cluster the columns horizontally as shown in attached pic.


Thanks.



StackedGroup.PNG

Daniel LaLiberte

unread,
Mar 7, 2016, 9:55:31 AM3/7/16
to Google Visualization API
Hi Ravi,

You can do that type of stacked and grouped chart with the Material Column Chart.   The trick is to target all of the series that should be stacked together to its own axis.


--
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 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/dc7530a1-23a9-4e89-a4c3-1d6afd0c57d4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.



--

Ravi Kanje

unread,
Mar 7, 2016, 8:22:03 PM3/7/16
to Google Visualization API
Hi Daniel 


Thanks for your reply, I took a look on that graph, but it shows the column graphs in clustered , however i need a clustered stacked column graphs , not just clustered column graph . Please have a look on my attachment picture. Please suggest me is there any alternative to produce the graph same as in attachment


On Monday, 7 March 2016 22:55:31 UTC+8, Daniel LaLiberte wrote:
Hi Ravi,

You can do that type of stacked and grouped chart with the Material Column Chart.   The trick is to target all of the series that should be stacked together to its own axis.

On Sun, Mar 6, 2016 at 9:08 PM, Ravi Kanje <kanj...@gmail.com> wrote:
Hi All,

Can anyone help me in drawing the google stacked column chart as attached. I am able to produce column chart but the issue is i am not able to clustered stacked columns based on the X-Axis  monthly data.

I want to group the stacked column chart based on month so that i can cluster the columns horizontally as shown in attached pic.


Thanks.



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



--

Daniel LaLiberte

unread,
Mar 8, 2016, 8:56:08 AM3/8/16
to Google Visualization API
Here is an example that shows two stacks of two series each:  http://jsfiddle.net/dlaliberte/f7r3odo7/

On Mon, Mar 7, 2016 at 8:22 PM, Ravi Kanje <kanj...@gmail.com> wrote:
Hi Daniel 


Thanks for your reply, I took a look on that graph, but it shows the column graphs in clustered , however i need a clustered stacked column graphs , not just clustered column graph . Please have a look on my attachment picture. Please suggest me is there any alternative to produce the graph same as in attachment

On Monday, 7 March 2016 22:55:31 UTC+8, Daniel LaLiberte wrote:
Hi Ravi,

You can do that type of stacked and grouped chart with the Material Column Chart.   The trick is to target all of the series that should be stacked together to its own axis.

On Sun, Mar 6, 2016 at 9:08 PM, Ravi Kanje <kanj...@gmail.com> wrote:
Hi All,

Can anyone help me in drawing the google stacked column chart as attached. I am able to produce column chart but the issue is i am not able to clustered stacked columns based on the X-Axis  monthly data.

I want to group the stacked column chart based on month so that i can cluster the columns horizontally as shown in attached pic.


Thanks.



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



--

--
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 https://groups.google.com/group/google-visualization-api.

For more options, visit https://groups.google.com/d/optout.



--

Jithin Mathew Jacob

unread,
Jun 13, 2018, 1:06:34 AM6/13/18
to Google Visualization API
Can anyone help me to add customized tool-tip on the google stacked column chart. I am not able to add or remove default tool-tip from the current chart.

Thanks.


On Tuesday, 8 March 2016 19:26:08 UTC+5:30, Daniel LaLiberte wrote:
Here is an example that shows two stacks of two series each:  http://jsfiddle.net/dlaliberte/f7r3odo7/
On Mon, Mar 7, 2016 at 8:22 PM, Ravi Kanje <kanj...@gmail.com> wrote:
Hi Daniel 


Thanks for your reply, I took a look on that graph, but it shows the column graphs in clustered , however i need a clustered stacked column graphs , not just clustered column graph . Please have a look on my attachment picture. Please suggest me is there any alternative to produce the graph same as in attachment

On Monday, 7 March 2016 22:55:31 UTC+8, Daniel LaLiberte wrote:
Hi Ravi,

You can do that type of stacked and grouped chart with the Material Column Chart.   The trick is to target all of the series that should be stacked together to its own axis.

On Sun, Mar 6, 2016 at 9:08 PM, Ravi Kanje <kanj...@gmail.com> wrote:
Hi All,

Can anyone help me in drawing the google stacked column chart as attached. I am able to produce column chart but the issue is i am not able to clustered stacked columns based on the X-Axis  monthly data.

I want to group the stacked column chart based on month so that i can cluster the columns horizontally as shown in attached pic.


Thanks.



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



--

--
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 https://groups.google.com/group/google-visualization-api.



--

Louis Gale

unread,
Jun 14, 2018, 9:56:29 PM6/14/18
to Google Visualization API
Jith - you should post a new question about this, but in short - you need to use the tooltip column role to specify your custom tooltips, in addition to the data column.  See here for more info.

Ernest Breau

unread,
Aug 19, 2018, 1:37:59 PM8/19/18
to Google Visualization API

Hi Everyone,



I want the blue bar to be along side the stacked red ones

but it has to be column chart not bar as i cant use getImageURI() function with bar.

Any ideas?
Reply all
Reply to author
Forward
0 new messages