area chart fill "till next line"?

[katerinasujanova]

Hello,
I have an area chart showing costs, profit and revenue for different clients and I'd like to use some filling inside the chart, but I'm not sure if there's actually a way how to achieve what I'd want..

The thing is, that costs and profit are always different and I cannot say what is generally the smaller one (and therefore which one should have the fill set to fill: 'origin') and also I'd like to fill the next area "just till the border (line)" of the other (lower) one, because now I'm just setting the filling by defining the actual dataset.. I'd like to avoid thins "hardcoding" and do it some dynamic way, but I didn't find anything like that in docs.. if there's some way to achieve this, I'd be happy to hear that.

Hopefully the following images help you understand what I mean - same settings, different clients:

setting:

datasets: [
  {
    data: get_revenue(),   // purple
    fill:  '2'
  },
    data: get_costs(),     // red
    fill:  'origin'
  {
    data: get_profit(),    // blue
    fill:  '1'
  },
]

Image 1: how I would like the chart to look

Image 2: how the chart for another client looks

[Udemology]

There is also an option for fill: 'start'. I suspect you need that.
Maybe this video would help: https://youtu.be/r_zJTYqyJ7s

[katerinasujanova]

Thank you for the answer, but unfortunately it doesn't seem like my case.. the thing is that the chart showed in the video is stacked, but mine isn't, all the 3 datasets I have in my charts are defined by the area till the x-axis (which might be an argument for filling the whole area till the axis with option origin/start but it just doesn't look good).. moreover, in the video they are using the fill option by index of the dataset too, which is what I wanted to avoid because that's causing an unwanted fill as displayed in the image 2 above (because it's unpredictable which one of profit/costs will be bigger than the other)..