FacetChart - selection customization

[priyadarshan_peralam]

We have got a requirement of plotting a stacked bar chart with line chart showing some value intervals. We are able to create something like the following using facet chart.

Is it possible to implement the following style for the above chart using facet chart?

I just wanted to color the area in between the two line using facet chart. Thanks in advance.

[eizens]

FacetChart currently don't have vertical markers or milestones like TimeChart does.
What you can do is set selection and style it as you like (e.g. make fill color transparent between).

You could also disable interaction.selection.enable = false and use API call to set selection programmatically so that user cannot change it. That should work work.

Her is an example:
http://jsfiddle.net/qb9kxzdp/8/

Please note that it is possible to select only whole "entry" (it is not possible for one line to in the middle of entry like over 40%).
You can select range of entries or multiple unrelated entries.

Selection area customization properties can be found here:
https://zoomcharts.com/developers/en/facet-chart/api-reference/settings/area/style/selection.html

[priyadarshan_peralam]

I'm sorry that you didn't get my question. I mean to color the area between the two line charts drawn, not the area between the vertical lines. You can see that in first chart we are giving fillColor to both the line-charts. But in second chart the area shown in grey is between the two line charts.

[eizens]

In that case check out this example:
https://demo.zoomcharts.com/time-chart/examples/series/highlight-range.html

Demo is for TimeChart, but the same principle can be used in FacetChart.