Fill area from lower value

[sweety-wo]

ChartJS v2.1.6
How to fill/start from min value ?

[etimberg]

Duplicate of #2380

[sweety-wo]

I think you don't get my point,

Data is something like:
data: [
[60, 60, 60, 60, 60, 60, 60], // Max range line-chart
[-50, -50, -50, -50, -50, -50, -50], // Min range line-chart
[20, 20, 20, 20, 20, 20, 20] // value line-chart
],

When the chart generates they fill from beginning at '0',
I want to fill the value from -50 to 20 (bottom to top)

[etimberg]

Sorry about that. That is currently not possible

[tristangio]

Maybe this plugin (not official) to fill between 2 lines : https://jsfiddle.net/ke5n5LnL/2/ will do the job.
I'm not the developer of this, I found it here.
The only drawback is when disabling line (by user click on legend) the fill is still on the graph though it should be fixable but I'm a little bit new to chartjs, and don't know exactly how to do it.
I will love to see an option to fill between 2 line in chartjs.

[etimberg]

@Eurecam-Tristan fill between 2 lines is in progress for v2.6. @simonbrunel has some changes that will achieve this for 😄

[tristangio]

Awesome ! I will wait for 2.6 and test it.
Thanks for your follow up so fast.
I just looked at simonbrunel work (this) and if I can make a suggestion : by default when user disable a line (by clicking on legend) the fill should disappear from the graph. Don't know if it's hard to do.