Added fill possibility for trendline

(cherry picked from commit d9fec4e)
Makanz · Aug 23, 2022 · 3524b7d · 3524b7d
1 parent dcd39b8
commit 3524b7d
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/chartjs-plugin-trendline.js b/src/chartjs-plugin-trendline.js
@@ -47,6 +47,7 @@ function addFitter(datasetMeta, ctx, dataset, xScale, yScale) {
     var colorMax = dataset.trendlineLinear.colorMax || defaultColor;
     var lineWidth = dataset.trendlineLinear.width || dataset.borderWidth;
     var lineStyle = dataset.trendlineLinear.lineStyle || 'solid';
+    var fillColor = dataset.trendlineLinear.fillColor;
 
     lineWidth = lineWidth !== undefined ? lineWidth : 3;
 
@@ -140,6 +141,18 @@ function addFitter(datasetMeta, ctx, dataset, xScale, yScale) {
     ctx.strokeStyle = gradient;
 
     ctx.stroke();
+    ctx.closePath();
+
+    if (!!fillColor) {
+        ctx.fillStyle = fillColor;
+        ctx.beginPath();
+        ctx.moveTo(x1, y1);
+        ctx.lineTo(x2, y2);
+        ctx.lineTo(x2, drawBottom);
+        ctx.lineTo(x1, drawBottom);
+        ctx.closePath();
+        ctx.fill();
+    }
 }
 
 function LineFitter() {