Scatter/Line Plot Fill Option - Fills Gaps

plotly.js
1

Hi All,

I’m trying to create line graph which has gaps in it. I would like to fill the area below the graphed area however when there are gaps in the data it fills the gaps as well.

See this example:
https://codepen.io/cjgordon/pen/moaaoY

Ideally I would like it to to not fill the gap between x=2 and x=4 with the fill simply just ending in a straight line to y=0 at 2, and restarting at x=4.

I have investigated the various fill options but none of them seem to achieve this.

Thanks in advance.

2

Looks like you stumped upon a very old bug of ours: https://github.com/plotly/plotly.js/issues/1132

Until we find a way to fix that one, you’ll have to resort to adding a few dummy data points in you x/y arrays like in https://codepen.io/etpinard/pen/YgbwpG I’m afraid.

Sorry for the inconvenience.

3

Thanks for reply. At least I know I’m not crazy now!

Will probably just leave them as line graphs for now then.

Cheers
Chris