Some grid lines are not displayed when using chart.xgrids.remove() and then chart.xgrids([{...},{...}])

Hi, I'm trying to get around issue #1458 by performing a chart.xgrids.remove() before adding grid lines with chart.xgrids([{...},{...}]). However, when I tried this I noticed that some of the grid lines were not rendered as expected, or at all.

https://jsfiddle.net/ovn4xuga/1/

I have inlined my expectations into the code so it's easy to see what I think should be happening and what is actually happening. I could very well be mis-understanding how to use the xgrids.\* methods.