Stacked area chart: stacking on the same series
- Dominant language
- JavaScript
- Stars
- 9.3k
- Forks
- 1.4k
- Avg merge
- 6d 16h
- Merged PRs (30d)
- 1
Description
I'm trying to accomplish stacking two series upon a single serie in c3js. What I mean is that given I have 3 series {`data1`, `data2`, `data3`} I want to stack both `data2` and `data3` on `data1`. That means that `data2` and `data3` overlap, but are both on top of `data1`. I hope that is sufficiently clear.
The closest I have come is to specify the groups as follows:
```
"groups": [
["data1", "data2"],
["data1", "data3"]
]
```
That works... almost. I have a JSFidle here: http://jsfiddle.net/6xpx8s7w/2/
As you can see the stacking isn't correctly when opening the JSFiddle, however if you deselect (by clicking on the legend) one of the series, it works correctly.
So this is wrong:

But deselecting `data1` for example gives the correct output:

Also deselecting one of `data2` or `data2` works:

Is this supposed to be possible? Is it a bug?
Contributor guide
Assessment
This issue has not been assessed yet.