horizontal line in SVG not visible in Chrome, but visible in IE and Illustrator.

[alias-neo]

See discussion here:
http://stackoverflow.com/questions/16999586/matplotlib-wont-plot-line-of-same-x-values/17000144?noredirect=1#comment24658630_17000144

If a graph is generated with a single horizontal line, the line is not visible in Chrome, but it is in Illustrator and in Internet Explorer.

As soon as the line stops being "straight" it becomes visible. This is not a reproduction of the vertical/horizontal issue with zoom/refresh.

[mdboom]

Duplicate of #991.

[cwtuan]

One easy way to fix it is just make it not perfectly horizontal. Adding a little bit offset to matplotlib makes it visible.

<line
  x1="10" y1="1"
  x2="90" y2="1.0001" // hack: horizontal line in SVG not visible in Chrome
  stroke="#FF0000"
  strokeWidth="1"/>

[tacaswell]

@cwtuan That is not really a great fix, the issues is a bug in the renderer.

[shaundavin13]

It might be because the containing SVG element has 0 height. Just put svg {min-height: 1px;} in your global CSS and it may fix the issue. I tried this and it worked for me.

[juanitoddd]

I have the same problem, Chrome & Firefox do not render horizontal lines using a mask, Edge does
I am going with @cwtuan solution, by adding 0.001 px to one of the Y properties.
Ugly but it works