SVG gradient for perfectly horizontal path
问题 I'm using svg to draw line charts, and require a gradient to be applied to it. For each line, I use a path element and set the stroke to one of my lineargradient elements. This works great for everything but purely horizontal lines - in this case, I get no colours on my line at all. I've made a fiddle showing the problem: http://jsfiddle.net/b6EQT/ <svg> <defs> <linearGradient id="grad" x1="0%" x2="100%" y1="0%" y2="0%"> <stop class="" offset="0%" style="stop-color: red;"></stop> <stop class=