[Lens] when defined interval is bigger than time range, nothing is being displayed

[mbondyra]

Kibana version:
7.6.1, master

Steps to reproduce:

1. Open new lens visualization and create date histogram visualization
2. Choose the timerange that consists data in it
3. For the x dimension, set up custom interval bigger than the range in time picker:
   

3. Behavior: nothing is being displayed on the chart

Screenshots (if relevant):

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[flash1293]

Blocked by elastic/elastic-charts#664

[nickofthyme]

Updated response to this issue here elastic/elastic-charts#664 (comment)

[flash1293]

Looking through this again, I think we can (and should) do the same thing Visualize is doing - expand the time range of the chart and highlight this fact using reactangle annotations @nickofthyme @markov00 what do you think?

[nickofthyme]

Yeah I think that would be good. I don't recall if the xy_vis_type plugin adjusts the min and max of the domain before passing it to elastic charts.

This is not the greatest solution for non-stacked bars in a date histogram so we just show the grey missing areas (aka endzones) as the full width of the interval. Below shows the different appearances between stacked and non-stacked bars.

@Mark00 and @monfera might have a more canonical way of doing this if we are to implement this in Lens.

[flash1293]

I see, better than the current version still :)