Line Styles added / edited : Dotted, Dashed, DashDot, Solid

Makanz · Sep 13, 2024 · bc1da5f · bc1da5f
1 parent 0065682
commit bc1da5f
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/src/chartjs-plugin-trendline.js b/src/chartjs-plugin-trendline.js
@@ -145,10 +145,21 @@ const addFitter = (datasetMeta, ctx, dataset, xScale, yScale) => {
 
     ctx.lineWidth = lineWidth;
 
-    if (lineStyle === 'dotted') {
-        ctx.setLineDash([2, 3]); // Dotted
-    } else {
-        ctx.setLineDash([]); // Solid
+    // line styles
+    switch (lineStyle) {
+        case 'dotted':
+            ctx.setLineDash([2, 2]); // Dotted
+            break;
+        case 'dashed':
+            ctx.setLineDash([8, 3]); // Dashed
+            break;
+        case 'dashdot':
+            ctx.setLineDash([8, 3, 2, 3]); // Dash-dot
+            break;
+        case 'solid':
+        default:
+            ctx.setLineDash([]); // Solid
+            break;
     }
 
     ctx.beginPath();