Manipulating the DOM does seem to work
https://jsfiddle.net/2tu83dnf/
Apply the series in Legend order then move the DOM section to the top of the parent.
var target = $(“path[stroke=’#229954′]”);
var container = $(“path[stroke=’#229954′]”).parent();
$(container).prepend(target);
The only requirement is being able to select the correct <path> but in this case since all the colors are known I could select it by the stroke color.
Works with animation also.