How to fill line chart curves below and above limit lines?

[sallar]

Hi,

Sorry for submitting a question here, I know this is not exactly an issue, but I couldn't find what I want in the documentation or code.

I want to fill in the curves of a line chart, below and above the limit lines. For example see this image:

I need to fill in the curve below the red dots (areas indicated with red arrow) with red color, and the curves between those red dots with green color (areas indicated with green arrow)

So the results would look like this. Sorry for my artistic skills :D

Is there a way to do this? Thank you so much for the great work.

[crisecheverria]

@sallar One question, how you show the limit Lines on the Chart?

[sallar]

@crisecheverria using the limitLines array

[crisecheverria]

@sallar Thanks for the response, where do you specify that?

Edit: Added, is on the yAxis.

[sallar]

@crisecheverria sorry I was too late. yes I was about to comment that it's on xAxis and yAxis. I have value limits on yAxis and date limit on xAxis

[crisecheverria]

@sallar Did you manage to solve your issue? It looks like a pretty nice feature.

[sallar]

@crisecheverria unfortunately not... :(

[trivmnguyen]

I am also looking forward to have this nice feature

[hthhello]

If there is any config or something to get the fillFormatter accept an array instead of a static number (fillFormatter : { min: number }) and draw fillColor base on it. It would be perfect for this feature request. But I don't know how to. Hope for help.

[albertovelazmoliner]

@sallar I guess it's too late but... Maybe you can try with:

config: {
  fillFormatter: {
     min: 4.5,
   },
  ....
}