chartjs-plugin-trendline 1.0.0 → 2.0.0

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": true
+}

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 Marcus Alsterfjord
+Copyright (c) 2022 Marcus Alsterfjord
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -9,7 +9,7 @@ This plugin draws an linear trendline in your Chart. Made for Chart.js 3.X
 Load ChartJS first, then the plugin which will automatically register itself with ChartJS
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/chart.js@3.5.1/dist/chart.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/chart.js@3.8.0/dist/chart.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-trendline"></script>
 ```
 
@@ -20,8 +20,8 @@ Install & import the plugin via npm:
 `npm i chart.js chartjs-plugin-trendline`
 
 ```js
-import ChartJS from "chart.js";
-import chartTrendline from "chartjs-plugin-trendline";
+import ChartJS from 'chart.js';
+import chartTrendline from 'chartjs-plugin-trendline';
 
 ChartJS.plugins.register(chartTrendline);
 ```
@@ -33,9 +33,11 @@ To configure the trendline plugin you simply add a new config options to your da
 ```javascript
 {
 	trendlineLinear: {
-		style: "rgba(255,105,180, .8)",
+		colorMin: "red",
+		colorMax: "green",
 		lineStyle: "dotted|solid",
-		width: 2
+		width: 2,
+		projection: true|false (optional)
 	}
 }
 ```

package/dist/chartjs-plugin-trendline.min.js

@@ -1 +1,2 @@
-var pluginTrendlineLinear={id:"chartjs-plugin-trendline",afterDraw:function(a){var t,s;for(var i in a.scales)if("x"==i[0]?s=a.scales[i]:t=a.scales[i],s&&t)break;var r=a.ctx;a.data.datasets.forEach(function(t,i){if(t.trendlineLinear&&a.isDatasetVisible(i)&&0!=t.data.length){var e=a.getDatasetMeta(i);addFitter(e,r,t,s,a.scales[e.yAxisID])}}),r.setLineDash([])}};function addFitter(t,i,e,a,s){var r=e.trendlineLinear.style||e.borderColor,n=e.trendlineLinear.width||e.borderWidth,o=e.trendlineLinear.lineStyle||"solid";r=void 0!==r?r:"rgba(169,169,169, .6)",n=void 0!==n?n:3;var l=new LineFitter,d=e.data.length-1,h=t.data[0].x,u=t.data[d].x,m=!1;e.data&&"object"==typeof e.data[0]&&(m=!0),e.data.forEach(function(t,i){if(null!=t)if("time"===a.options.type){var e=null!=t.x?t.x:t.t;l.add(new Date(e).getTime(),t.y)}else m?l.add(t.x,t.y):l.add(i,t)});var x=a.getPixelForValue(l.minx),c=a.getPixelForValue(l.maxx),f=s.getPixelForValue(l.f(l.minx)),g=s.getPixelForValue(l.f(l.maxx));m||(x=h,c=u);var p=t.controller.chart.chartArea.bottom,v=t.controller.chart.width;if(p<f){var w=f-p,X=f-g;f=p,x+=v*(w/X)}else if(p<g){w=g-p,X=g-f;g=p,c=v-(c-(v-v*(w/X)))}i.lineWidth=n,"dotted"===o&&i.setLineDash([2,3]),i.beginPath(),i.moveTo(x,f),i.lineTo(c,g),i.strokeStyle=r,i.stroke()}function LineFitter(){this.count=0,this.sumX=0,this.sumX2=0,this.sumXY=0,this.sumY=0,this.minx=1e100,this.maxx=-1e100}LineFitter.prototype={add:function(t,i){t=parseFloat(t),i=parseFloat(i),this.count++,this.sumX+=t,this.sumX2+=t*t,this.sumXY+=t*i,this.sumY+=i,t<this.minx&&(this.minx=t),t>this.maxx&&(this.maxx=t)},f:function(t){t=parseFloat(t);var i=this.count*this.sumX2-this.sumX*this.sumX;return(this.sumX2*this.sumY-this.sumX*this.sumXY)/i+t*((this.count*this.sumXY-this.sumX*this.sumY)/i)}},void 0!==typeof window&&window.Chart&&(window.Chart.hasOwnProperty("register")?window.Chart.register(pluginTrendlineLinear):window.Chart.plugins.register(pluginTrendlineLinear));try{module.exports=exports=pluginTrendlineLinear}catch(t){}
+/*! For license information please see chartjs-plugin-trendline.min.js.LICENSE.txt */
+(()=>{var t={460:(t,i)=>{var e={id:"chartjs-plugin-trendline",afterDatasetsDraw:function(t){var i,e;for(var a in t.scales)if("x"==a[0]?e=t.scales[a]:i=t.scales[a],e&&i)break;var r=t.ctx;t.data.datasets.forEach((function(i,a){if(i.trendlineLinear&&t.isDatasetVisible(a)&&0!=i.data.length){var n=t.getDatasetMeta(a);!function(t,i,e,a,r){var n=e.borderColor||"rgba(169,169,169, .6)",o=e.trendlineLinear.colorMin||n,h=e.trendlineLinear.colorMax||n,l=e.trendlineLinear.width||e.borderWidth,u=e.trendlineLinear.lineStyle||"solid",d=e.trendlineLinear.fillColor;l=void 0!==l?l:3;var m=new s,c=e.data.findIndex((t=>null!=t)),x=e.data.length-1,f=t.data[c].x,X=t.data[x].x,v="object"==typeof e.data[c];e.data.forEach((function(t,i){if(null!=t)if("time"===a.options.type){var e=null!=t.x?t.x:t.t;m.add(new Date(e).getTime(),t.y)}else v?m.add(t.x,t.y):m.add(i,t)}));var p,g,w=a.getPixelForValue(m.minx),y=r.getPixelForValue(m.f(m.minx));if(e.trendlineLinear.projection&&m.scale()<0){var Y=m.fo();Y<m.minx&&(Y=m.maxx),p=a.getPixelForValue(Y),g=r.getPixelForValue(m.f(Y))}else p=a.getPixelForValue(m.maxx),g=r.getPixelForValue(m.f(m.maxx));v||(w=f,p=X);var P=t.controller.chart.chartArea.bottom,C=t.controller.chart.width;if(y>P){var L=y-P,b=y-g;y=P,w+=C*(L/b)}else g>P&&(L=g-P,b=g-y,g=P,p=C-(p-(C-C*(L/b))));i.lineWidth=l,"dotted"===u&&i.setLineDash([2,3]),i.beginPath(),i.moveTo(w,y),i.lineTo(p,g);var F=i.createLinearGradient(w,y,p,g);g<y?(F.addColorStop(0,h),F.addColorStop(1,o)):(F.addColorStop(0,o),F.addColorStop(1,h)),i.strokeStyle=F,i.stroke(),i.closePath(),!d||(i.fillStyle=d,i.beginPath(),i.moveTo(w,y),i.lineTo(p,g),i.lineTo(p,P),i.lineTo(w,P),i.closePath(),i.fill())}(n,r,i,e,t.scales[n.yAxisID])}})),r.setLineDash([])}};function s(){this.count=0,this.sumX=0,this.sumX2=0,this.sumXY=0,this.sumY=0,this.minx=1e100,this.maxx=-1e100,this.maxy=-1e100}s.prototype={add:function(t,i){t=parseFloat(t),i=parseFloat(i),this.count++,this.sumX+=t,this.sumX2+=t*t,this.sumXY+=t*i,this.sumY+=i,t<this.minx&&(this.minx=t),t>this.maxx&&(this.maxx=t),i>this.maxy&&(this.maxy=i)},f:function(t){t=parseFloat(t);var i=this.count*this.sumX2-this.sumX*this.sumX;return(this.sumX2*this.sumY-this.sumX*this.sumXY)/i+t*((this.count*this.sumXY-this.sumX*this.sumY)/i)},fo:function(){var t=this.count*this.sumX2-this.sumX*this.sumX;return-(this.sumX2*this.sumY-this.sumX*this.sumXY)/t/((this.count*this.sumXY-this.sumX*this.sumY)/t)},scale:function(){var t=this.count*this.sumX2-this.sumX*this.sumX;return(this.count*this.sumXY-this.sumX*this.sumY)/t}},"undefined"!=typeof window&&window.Chart&&(window.Chart.hasOwnProperty("register")?window.Chart.register(e):window.Chart.plugins.register(e));try{t.exports=e}catch(t){}}},i={};!function e(s){var a=i[s];if(void 0!==a)return a.exports;var r=i[s]={exports:{}};return t[s](r,r.exports,e),r.exports}(460)})();

package/dist/chartjs-plugin-trendline.min.js.LICENSE.txt

@@ -0,0 +1,10 @@
+/*!
+ * chartjs-plugin-trendline.js
+ * Version: 2.0.0
+ *
+ * Copyright 2022 Marcus Alsterfjord
+ * Released under the MIT license
+ * https://github.com/Makanz/chartjs-plugin-trendline/blob/master/README.md
+ *
+ * Mod by: vesal: accept also xy-data so works with scatter
+ */

package/example/barChart.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>BarChart Example</title>
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.5.1/dist/chart.min.js"></script>
-    <script src="../src/chartjs-plugin-trendline.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.8.0/dist/chart.min.js"></script>
+    <script src="./../src/chartjs-plugin-trendline.js"></script>
     <script>
             document.addEventListener("DOMContentLoaded", function(event) {
                 // Bar chart
@@ -20,7 +20,7 @@
                                         backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f","#e8c3b9","#c45850"],
                                         data: [2478,5267,734,784,433],
                                         trendlineLinear: {
-                                            style: "rgba(255,105,180, .8)",
+                                            colorMin: "rgba(255,105,180, .8)",
                                             lineStyle: "dotted",
                                             width: 2
                                         }

package/example/lineChart.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>LineChart Example</title>
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.5.1/dist/chart.min.js"></script>
-    <script src="../src/chartjs-plugin-trendline.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@3.8.0/dist/chart.min.js"></script>
+    <script src="./../src/chartjs-plugin-trendline.js"></script>
     <script>
             document.addEventListener("DOMContentLoaded", function(event) {
                 new Chart(document.getElementById("line-chart"), {
@@ -19,7 +19,7 @@
                                 borderColor: "#3e95cd",
                                 fill: false,
                                 trendlineLinear: {
-                                    style: "#3e95cd",
+                                    colorMin: "#3e95cd",
                                     lineStyle: "line",
                                     width: 1
                                 }
@@ -29,7 +29,8 @@
                                 borderColor: "#8e5ea2",
                                 fill: false,
                                 trendlineLinear: {
-                                    style: "#8e5ea2",
+                                    colorMin: "red",
+                                    colorMax: "green",
                                     lineStyle: "line",
                                     width: 1
                                 }

package/example/lineChartProjection.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>XYlineChart Projection Example</title>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.min.js"></script>
+    <script src="./../src/chartjs-plugin-trendline.js"></script>
+    <script>
+            document.addEventListener("DOMContentLoaded", function(event) {
+                new Chart(document.getElementById("line-chart"), {
+                        type: 'line',
+                        data: {
+                            datasets: [{ 
+                                data: [{x: 0, y: 30}, {x: 5, y:25}, {x: 10, y: 23}],
+                                label: "Count",
+                                borderColor: "#3e95cd",
+                                fill: false,
+                                trendlineLinear: {
+                                    colorMin: "#3e95cd",
+                                    lineStyle: "line",
+                                    width: 1,
+                                    projection: true
+                                }
+                            }, {
+                            	data: [{x: 60, y: 0}],
+                              borderColor: "black",
+                              label: "Goal",
+                              fill: false
+                            }]
+                        },
+                        options: {
+                            title: {
+                                display: true,
+                                text: 'Cigarettes per days',
+                            },				
+                            maintainAspectRatio: false,
+                            responsive: true,
+                            scales: { 
+                                xAxes: [{ type: 'linear', position: 'bottom', scaleLabel: { labelString: 'days', display: true}}],
+                                yAxes: [{ type: 'linear', position: 'left',   scaleLabel: { labelString: 'cigarretts/day', display: true}, display: true }],
+                            }
+                        }
+                        });
+                });
+        </script>
+</head>
+<body>
+    <h1>X/Y Chart with trendline projection on x axis</h1>
+    <canvas id="line-chart" width="600" height="450"></canvas>
+
+    <p>Using example code from <a href="http://tobiasahlin.com/blog/chartjs-charts-to-get-you-started/" target="_blank">tobiasahlin.com.</a></p>
+</body>
+</html>

package/package.json

@@ -1,12 +1,10 @@
 {
   "name": "chartjs-plugin-trendline",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Trendline for Chart.js",
   "main": "src/chartjs-plugin-trendline.js",
   "scripts": {
-    "build": "gulp",
-    "bump-minor": "gulp bump-minor",
-    "bump-patch": "gulp bump-patch"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",
@@ -19,11 +17,7 @@
   },
   "homepage": "https://github.com/Makanz/chartjs-plugin-trendline#readme",
   "devDependencies": {
-    "del": "^6.0.0",
-    "gulp": "^4.0.2",
-    "gulp-bump": "^3.2.0",
-    "gulp-rename": "^2.0.0",
-    "gulp-uglify": "^3.0.2",
-    "pump": "^3.0.0"
+    "webpack": "^5.73.0",
+    "webpack-cli": "^4.10.0"
   }
 }

package/src/chartjs-plugin-trendline.js

@@ -1,106 +1,158 @@
 /*!
  * chartjs-plugin-trendline.js
- * Version: 1.0.0
+ * Version: 2.0.0
  *
- * Copyright 2021 Marcus Alsterfjord
+ * Copyright 2022 Marcus Alsterfjord
  * Released under the MIT license
  * https://github.com/Makanz/chartjs-plugin-trendline/blob/master/README.md
  *
  * Mod by: vesal: accept also xy-data so works with scatter
  */
 var pluginTrendlineLinear = {
-    id: "chartjs-plugin-trendline",
-    afterDraw: function(chartInstance) {
+    id: 'chartjs-plugin-trendline',
+    afterDatasetsDraw: function (chartInstance) {
         var yScale;
         var xScale;
         for (var axis in chartInstance.scales) {
-            if ( axis[0] == 'x')
-                xScale = chartInstance.scales[axis];
-            else
-                yScale = chartInstance.scales[axis];
-            if ( xScale && yScale ) break;
+            if (axis[0] == 'x') xScale = chartInstance.scales[axis];
+            else yScale = chartInstance.scales[axis];
+            if (xScale && yScale) break;
         }
         var ctx = chartInstance.ctx;
 
-        chartInstance.data.datasets.forEach(function(dataset, index) {
-            if (dataset.trendlineLinear && chartInstance.isDatasetVisible(index) && dataset.data.length != 0) {
+        chartInstance.data.datasets.forEach(function (dataset, index) {
+            if (
+                dataset.trendlineLinear &&
+                chartInstance.isDatasetVisible(index) &&
+                dataset.data.length != 0
+            ) {
                 var datasetMeta = chartInstance.getDatasetMeta(index);
-                addFitter(datasetMeta, ctx, dataset, xScale, chartInstance.scales[datasetMeta.yAxisID]);
+                addFitter(
+                    datasetMeta,
+                    ctx,
+                    dataset,
+                    xScale,
+                    chartInstance.scales[datasetMeta.yAxisID]
+                );
             }
         });
 
         ctx.setLineDash([]);
-    }
+    },
 };
 
 function addFitter(datasetMeta, ctx, dataset, xScale, yScale) {
-    var style = dataset.trendlineLinear.style || dataset.borderColor;
+    var defaultColor = dataset.borderColor || 'rgba(169,169,169, .6)';
+    var colorMin = dataset.trendlineLinear.colorMin || defaultColor;
+    var colorMax = dataset.trendlineLinear.colorMax || defaultColor;
     var lineWidth = dataset.trendlineLinear.width || dataset.borderWidth;
-    var lineStyle = dataset.trendlineLinear.lineStyle || "solid";
+    var lineStyle = dataset.trendlineLinear.lineStyle || 'solid';
+    var fillColor = dataset.trendlineLinear.fillColor;
 
-    style = (style !== undefined) ? style : "rgba(169,169,169, .6)";
-    lineWidth = (lineWidth !== undefined) ? lineWidth : 3;
+    lineWidth = lineWidth !== undefined ? lineWidth : 3;
 
     var fitter = new LineFitter();
+    var firstIndex = dataset.data.findIndex((d) => {
+        return d !== undefined && d !== null;
+    });
     var lastIndex = dataset.data.length - 1;
-    var startPos = datasetMeta.data[0].x;
+    var startPos = datasetMeta.data[firstIndex].x;
     var endPos = datasetMeta.data[lastIndex].x;
+    var xy = typeof dataset.data[firstIndex] === 'object';
 
-    var xy = false;
-    if ( dataset.data && typeof dataset.data[0] === 'object') xy = true;
-
-    dataset.data.forEach(function(data, index) {
-
-        if(data == null)
-            return;
+    dataset.data.forEach(function (data, index) {
+        if (data == null) return;
 
-        if (xScale.options.type === "time") {
+        if (xScale.options.type === 'time') {
             var x = data.x != null ? data.x : data.t;
             fitter.add(new Date(x).getTime(), data.y);
-        }
-        else if (xy) {
+        } else if (xy) {
             fitter.add(data.x, data.y);
-        }
-        else {
+        } else {
             fitter.add(index, data);
         }
-            
     });
 
     var x1 = xScale.getPixelForValue(fitter.minx);
-    var x2 = xScale.getPixelForValue(fitter.maxx);
     var y1 = yScale.getPixelForValue(fitter.f(fitter.minx));
-    var y2 = yScale.getPixelForValue(fitter.f(fitter.maxx));
-    if ( !xy ) { x1 = startPos; x2 = endPos; }
-    
+
+    var x2;
+    var y2;
+
+    // Project only on x axes, do not project if trendline will never hit x axes
+    if (dataset.trendlineLinear.projection && fitter.scale() < 0) {
+        //  X
+        var x2value = fitter.fo();
+        if (x2value < fitter.minx) x2value = fitter.maxx;
+        x2 = xScale.getPixelForValue(x2value);
+
+        //  Y
+        y2 = yScale.getPixelForValue(fitter.f(x2value));
+    } else {
+        x2 = xScale.getPixelForValue(fitter.maxx);
+        y2 = yScale.getPixelForValue(fitter.f(fitter.maxx));
+    }
+
+    if (!xy) {
+        x1 = startPos;
+        x2 = endPos;
+    }
+
     var drawBottom = datasetMeta.controller.chart.chartArea.bottom;
     var chartWidth = datasetMeta.controller.chart.width;
 
-    if(y1 > drawBottom) { // Left side is below zero
+    if (y1 > drawBottom) {
+        // Left side is below zero
         var diff = y1 - drawBottom;
         var lineHeight = y1 - y2;
         var overlapPercentage = diff / lineHeight;
         var addition = chartWidth * overlapPercentage;
 
         y1 = drawBottom;
-        x1 = (x1 + addition);
-    } else if(y2 > drawBottom) { // right side is below zero
+        x1 = x1 + addition;
+    } else if (y2 > drawBottom) {
+        // right side is below zero
         var diff = y2 - drawBottom;
         var lineHeight = y2 - y1;
         var overlapPercentage = diff / lineHeight;
-        var subtraction = chartWidth - (chartWidth * overlapPercentage);
+        var subtraction = chartWidth - chartWidth * overlapPercentage;
 
         y2 = drawBottom;
         x2 = chartWidth - (x2 - subtraction);
     }
 
     ctx.lineWidth = lineWidth;
-    if (lineStyle === "dotted") { ctx.setLineDash([2, 3]); }
+    if (lineStyle === 'dotted') {
+        ctx.setLineDash([2, 3]);
+    }
     ctx.beginPath();
     ctx.moveTo(x1, y1);
     ctx.lineTo(x2, y2);
-    ctx.strokeStyle = style;
+
+    var gradient= ctx.createLinearGradient(x1, y1, x2, y2);
+    if (y2 < y1) {
+        gradient.addColorStop(0, colorMax);
+        gradient.addColorStop(1, colorMin);
+    } else{
+        gradient.addColorStop(0, colorMin);
+        gradient.addColorStop(1, colorMax);
+    }
+    
+    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() {
@@ -111,33 +163,50 @@ function LineFitter() {
     this.sumY = 0;
     this.minx = 1e100;
     this.maxx = -1e100;
+    this.maxy = -1e100;
 }
 
 LineFitter.prototype = {
-    'add': function (x, y) {
+    add: function (x, y) {
         x = parseFloat(x);
-		y = parseFloat(y);
-        
+        y = parseFloat(y);
+
         this.count++;
         this.sumX += x;
         this.sumX2 += x * x;
         this.sumXY += x * y;
         this.sumY += y;
-        if ( x < this.minx ) this.minx = x;
-        if ( x > this.maxx ) this.maxx = x;
+        if (x < this.minx) this.minx = x;
+        if (x > this.maxx) this.maxx = x;
+        if (y > this.maxy) this.maxy = y;
     },
-    'f': function (x) {
+    f: function (x) {
         x = parseFloat(x);
-        
+
         var det = this.count * this.sumX2 - this.sumX * this.sumX;
         var offset = (this.sumX2 * this.sumY - this.sumX * this.sumXY) / det;
         var scale = (this.count * this.sumXY - this.sumX * this.sumY) / det;
         return offset + x * scale;
-    }
+    },
+    fo: function () {
+        var det = this.count * this.sumX2 - this.sumX * this.sumX;
+        var offset = (this.sumX2 * this.sumY - this.sumX * this.sumXY) / det;
+        var scale = (this.count * this.sumXY - this.sumX * this.sumY) / det;
+
+        //  Get x when y = 0
+        var xo = -offset / scale;
+        return xo;
+    },
+    scale: function () {
+        var det = this.count * this.sumX2 - this.sumX * this.sumX;
+        var scale = (this.count * this.sumXY - this.sumX * this.sumY) / det;
+
+        return scale;
+    },
 };
 
 // If we're in the browser and have access to the global Chart obj, register plugin automatically
-if (typeof window !== undefined && window.Chart) {
+if (typeof window !== 'undefined' && window.Chart) {
     if (window.Chart.hasOwnProperty('register')) {
         window.Chart.register(pluginTrendlineLinear);
     } else {

package/webpack.config.js

@@ -0,0 +1,9 @@
+const path = require('path');
+
+module.exports = {
+    entry: './src/chartjs-plugin-trendline.js',
+    output: {
+        filename: 'chartjs-plugin-trendline.min.js',
+        path: path.resolve(__dirname, 'dist'),
+    },
+};

package/gulpfile.js

@@ -1,37 +0,0 @@
-var gulp = require('gulp');
-var uglify = require('gulp-uglify');
-var pump = require('pump');
-var rename = require('gulp-rename');
-var del = require('del');
-var bump = require('gulp-bump');
-
-gulp.task('clean', function () {
-    return del([
-        'dist/',
-    ]);
-});
-
-gulp.task('compress', function (cb) {
-    pump([
-            gulp.src('src/*.js'),
-            uglify(),
-            rename('chartjs-plugin-trendline.min.js'),
-            gulp.dest('dist/')
-        ],
-        cb
-        );
-});
-
-gulp.task('bump-minor', function(){
-    return gulp.src(['./package.json', './src/chartjs-plugin-trendline.js'], {base: './'})
-    .pipe(bump({type:'minor'}))
-    .pipe(gulp.dest('./'));
-});
-
-gulp.task('bump-patch', function(){
-    return gulp.src(['./package.json', './src/chartjs-plugin-trendline.js'], {base: './'})
-    .pipe(bump({type:'patch'}))
-    .pipe(gulp.dest('./'));
-});
-
-gulp.task('default', gulp.series('clean', 'compress'));