Easy way to add colour fill with gradient?

We can set the fill colour using the fillcolor parameter which accepts colour names and rgb values. This, however, only allows single colours. Is there an easy way to make gradient colours? Below is what I’m actually trying to achieve:

[lukeic]

I’ve successfully emulated this effect by using a pseudo-element and a linear-gradient:

.scorecard__graph {
    position: relative;
}

.scorecard__graph::before {
    content: '';
    display: block;
    background: linear-gradient(#fff0, white);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    z-index: 10;
}

Simply change height, or the colours’ start/end position in the linear-gradient, to increase or decrease the size of the gradient (i.e. the faded-out bit).

NOTES:

1. I’ve disabled the x and y axis titles.
2. .scorecard__graph is the class given to the dcc.Graph() element (I’m using Python).

[etiennecelery]

Hi, any updates with the implementation of the background fill?