Need to display a grouped stacked Stacked bar

[swatilmi]

Hi,

I need to display a a grouped stacked Stacked bar that will take value from database.I have used angular js directive 'tpvview' to take values from the view 'gipcurprogress'

tpvpanel tpvview="gipcurprogress" header="<tpv:i18n>Current Quarter Progress</tpv:i18n>"
>
<tpvchart id="chart1" tpvview="gipcurprogress"

series-cols="COUNTRY_GROUP,SERIE_NAME,TOTAL"



classname="inclass"
options='{
"chart" : {"height" : "190","type" : "bar"},
"yAxis":{"title":{"text":""}},

"xAxis":{"type":"category"},

"series":[{"data":[{{gipcurprogress[0].TOTAL}}],
"stack":"0"
},
{"data":[{{gipcurprogress[1].TOTAL}}],
"stack":"1"
},
{"data":[{{gipcurprogress[2].TOTAL}}],
"stack":"1"
}],
"plotOptions": {
"bar": {
"stacking": "normal"

}
}
}'
>
</tpvchart>
</tpvpanel>

This code is stacking all the three columns in one bae ,while my requirement is two show 2 columns in one bar and another column in another bar.

Please help me,

Thanks

[KacperMadej]

Hi,

There are two stacks produced by yours chart configuration.
Demo: http://jsfiddle.net/tykrnxq1/

Could you edit the demo to show your problem?
In not, please provide another way to test the issue.

Kind Regards.

[abhinav.nigam99]

I am also looking for a grouped stacked bar chart.

I have reached to a position of grouped bar chart in below.
https://jsfiddle.net/ca95shre/1/

For the stacking part, I want to show a grey bar for the remaining portion in each bar.
Something like this
https://jsfiddle.net/rfn07Lj4/

Can someone please help

[jakub.j]

Hey!

I can see that this is a duplicate post on our forum. We work as a single team across all support platforms. Please do not duplicate your topics because it only disrupts our work. You do not have to worry because we always answer all questions on our support platforms.

Kind regards
Jakub