fix: series fill & stroke being inconsistent when render time > last …

…data time

It would depend on `scrollBackwards` and `fillStyle` being `undefined` or not.
Depending on this, it would either continue the line up to the edge of the
canvas or leave it at `lastX`. This makes it so that it is always left at
`lastX`.

smoothie.js

@@ -998,26 +998,20 @@
         lastX = x; lastY = y;
       }
 
-      if (seriesOptions.fillStyle) {
-        // Close up the fill region.
-        if (chartOptions.scrollBackwards) {
-          context.lineTo(lastX, dimensions.height + seriesOptions.lineWidth);
-          context.lineTo(firstX, dimensions.height + seriesOptions.lineWidth);
-          context.lineTo(firstX, firstY);
-        } else {
-          context.lineTo(dimensions.width + seriesOptions.lineWidth + 1, lastY);
-          context.lineTo(dimensions.width + seriesOptions.lineWidth + 1, dimensions.height + seriesOptions.lineWidth + 1);
-          context.lineTo(firstX, dimensions.height + seriesOptions.lineWidth);
-        }
-        context.fillStyle = seriesOptions.fillStyle;
-        context.fill();
-      }
-
       if (seriesOptions.strokeStyle && seriesOptions.strokeStyle !== 'none') {
         context.lineWidth = seriesOptions.lineWidth;
         context.strokeStyle = seriesOptions.strokeStyle;
         context.stroke();
       }
+
+      if (seriesOptions.fillStyle) {
+        // Close up the fill region.
+        context.lineTo(lastX, dimensions.height + seriesOptions.lineWidth + 1);
+        context.lineTo(firstX, dimensions.height + seriesOptions.lineWidth + 1);
+
+        context.fillStyle = seriesOptions.fillStyle;
+        context.fill();
+      }
     }
 
     if (chartOptions.tooltip && this.mouseX >= 0) {