Question about stack chart opacity

[sergiofigueras]

Hello guys,

I'm in a problem with line chart using ChartJS 2. Basically, when I create a stacked linechart with multiple series, it seems that the fill color just is with some kind of opacity that I don't want. I tried to change it several ways but no success yet.

In fact, I would like the blue session in a deep blue as the line is, the green one too, and all the others. But some kind of opacity is being displayed.

Here's my chart config:

vm.totalColours = ["#5AEC7A", "#EB1094", "#CDDC39", "#5A97EC"];
vm.defaultChartOptions = {
            legend : {
                position: 'bottom', display: true
            },
            elements: {
                point : {
                    radius: 5
                }
            },
            scales: {
                xAxes: [{
                    gridLines: {
                        lineWidth: 0,
                        color: "rgba(255,255,255,0)"
                    }
                }],
                yAxes: [{
                    gridLines: {
                        lineWidth: 0,
                        color: "rgba(255,255,255,0)"
                    },
                    "ticks": {
                        "min": 0
                    }
                }]
            }
        };

What should I do to achieve this?

[etimberg]

@sergiofigueras could you post a fiddle?

[chanonroy]

Hi there,

If i'm interpreting the problem correctly, I am encountering something similar with stacked line chart opacity.

https://jsfiddle.net/0fs34ecd/

The first dataset should be light blue in colour, but it's overlapping with the second dataset's redness to form a purplish blue. Maybe this has to do with the way that the datasets are stacked both in front and on top of each other, instead of just stacking on top. Any tips or ideas on a fix?

[etimberg]

@chanonroy there is an issue to fix that. the problem is figuring out the best way to do it. Changing the global composite operation to 'source-out' might work, but it might cause problems with the grid lines.

[etimberg]

Closing as duplicate of #2380