Merge pull request #148 from sgratzl/release/v4.4.1

Release v4.4.1

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sgratzl/chartjs-chart-boxplot",
   "description": "Chart.js module for charting boxplots and violin charts",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "publishConfig": {
     "access": "public"
   },

src/elements/Violin.ts

@@ -70,32 +70,36 @@ export class Violin extends StatsBase<IViolinElementProps, IViolinElementOptions
     } else {
       maxEstimate = props.maxEstimate;
     }
+
+    ctx.beginPath();
     if (this.isVertical()) {
       const { x, width } = props;
       const factor = width / 2 / maxEstimate;
-      ctx.moveTo(x, props.min);
+
       props.coords.forEach((c) => {
         ctx.lineTo(x - c.estimate * factor, c.v);
       });
-      ctx.lineTo(x, props.max);
-      ctx.moveTo(x, props.min);
-      props.coords.forEach((c) => {
-        ctx.lineTo(x + c.estimate * factor, c.v);
-      });
-      ctx.lineTo(x, props.max);
+
+      props.coords
+        .slice()
+        .reverse()
+        .forEach((c) => {
+          ctx.lineTo(x + c.estimate * factor, c.v);
+        });
     } else {
       const { y, height } = props;
       const factor = height / 2 / maxEstimate;
-      ctx.moveTo(props.min, y);
+
       props.coords.forEach((c) => {
         ctx.lineTo(c.v, y - c.estimate * factor);
       });
-      ctx.lineTo(props.max, y);
-      ctx.moveTo(props.min, y);
-      props.coords.forEach((c) => {
-        ctx.lineTo(c.v, y + c.estimate * factor);
-      });
-      ctx.lineTo(props.max, y);
+
+      props.coords
+        .slice()
+        .reverse()
+        .forEach((c) => {
+          ctx.lineTo(c.v, y + c.estimate * factor);
+        });
     }
     ctx.closePath();
     ctx.stroke();