Fix v3 compatibilities

.gitignore

@@ -7,3 +7,5 @@ dist/
 node_modules/
 package-lock.json
 *.swp
+/.vs
+/.gitignore

README.md

@@ -97,12 +97,12 @@ All available options are listed below.
 | `fillAlpha` | `number` | `0.5` | The transparency value for the line fill color. Must be a number between `0.0` (fully transparent) and `1.0` (no transparency).
 | `scheme` | <code>string&#124;string[]</code> | `'brewer.Paired12'` | Color scheme name that is any of [Color Chart](https://nagix.github.io/chartjs-plugin-colorschemes/colorchart.html). It also accepts an array of color strings, which is primarily for ES modules. [more...](#usage-in-es6-as-module)
 | `reverse` | `boolean` | `false` | If set to `true`, the order of the colors in the selected  scheme is reversed.
-| `override` | `boolean` | `false` | If set to `true`, the specified color scheme will override the existing color options. If `false`, it is only applied when no color setting exists. [more...](#overriding-existing-color-settings)
+| `overrideExisting` | `boolean` | `false` | If set to `true`, the specified color scheme will override the existing color options. If `false`, it is only applied when no color setting exists. [more...](#overriding-existing-color-settings)
 | `custom` | `function` | `undefined` | A function that takes a copy of the color string array for `scheme` in order to extend the predefined scheme colors. [more...](#custom-function)
 
 ### Overriding Existing Color Settings
 
-By default, this plugin doesn't apply a color scheme if any color options are already specified. This may cause a problem if you are using a third party library such as [ng-charts](https://valor-software.com/ng2-charts/), which automatically applies default color settings. In that case, the existing color settings can be overridden by setting the `override` option to `true`.
+By default, this plugin doesn't apply a color scheme if any color options are already specified. This may cause a problem if you are using a third party library such as [ng-charts](https://valor-software.com/ng2-charts/), which automatically applies default color settings. In that case, the existing color settings can be overridden by setting the `overrideExisting` option to `true`.
 
 ### `custom`-Function
 

package.json

@@ -35,8 +35,8 @@
     "test": "test"
   },
   "devDependencies": {
-    "chart.js": "~2.8.0",
-    "eslint-config-chartjs": "^0.1.0",
+    "chart.js": "~3.7.1",
+    "eslint-config-chartjs": "^0.3.0",
     "eslint-plugin-es": "^1.4.0",
     "eslint-plugin-html": "^5.0.3",
     "gulp": "^4.0.0",
@@ -63,6 +63,6 @@
     "yargs": "^13.2.2"
   },
   "peerDependencies": {
-    "chart.js": ">= 2.5.0 < 3"
+    "chart.js": ">= 3 < 4"
   }
 }

src/plugins/plugin.colorschemes.js

@@ -19,7 +19,7 @@ pluginBase.plugins.colorschemes = {
 	scheme: 'brewer.Paired12',
 	fillAlpha: 0.5,
 	reverse: false,
-	override: false
+	overrideExisting: false
 };
 
 function getScheme(scheme) {
@@ -59,7 +59,7 @@ var ColorSchemesPlugin = {
 		var scheme = getScheme(options.scheme);
 		var fillAlpha = options.fillAlpha;
 		var reverse = options.reverse;
-		var override = options.override;
+		var override = options.overrideExisting;
 		var custom = options.custom;
 		var schemeClone, customResult, length, colorIndex, color;
 
@@ -181,6 +181,7 @@ var ColorSchemesPlugin = {
 	}
 };
 
-Chart.plugins.register(ColorSchemesPlugin);
+const registerPlugin = Chart.register || Chart.plugins.register;
+registerPlugin(ColorSchemesPlugin);
 
 export default ColorSchemesPlugin;

test/fixtures/plugin.colorschemes/chart-bar-fillAlpha.js

@@ -13,16 +13,16 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			layout: {
 				padding: 4
 			},
 			scales: {
-				xAxes: [{display: false}],
-				yAxes: [{display: false}]
+				x: {display: false},
+				y: {display: false}
 			},
 			plugins: {
+				legend: {display:false},
+				title: {display:false},
 				colorschemes: {
 					scheme: 'brewer.Accent3',
 					fillAlpha: 0.2

test/fixtures/plugin.colorschemes/chart-bar.js

@@ -12,16 +12,16 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			layout: {
 				padding: 4
 			},
 			scales: {
-				xAxes: [{display: false}],
-				yAxes: [{display: false}]
+				x: {display: false},
+				y: {display: false}
 			},
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent3',
 					fillAlpha: 1

test/fixtures/plugin.colorschemes/chart-bubble.js

@@ -32,16 +32,16 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			layout: {
 				padding: 30
 			},
 			scales: {
-				xAxes: [{display: false}],
-				yAxes: [{display: false}]
+				x: {display: false},
+				y: {display: false}
 			},
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent3'
 				}

test/fixtures/plugin.colorschemes/chart-doughnut.js

@@ -12,9 +12,9 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent6'
 				}

test/fixtures/plugin.colorschemes/chart-horizontal-bar.js

@@ -1,6 +1,6 @@
 export default {
 	config: {
-		type: 'horizontalBar',
+		type: 'bar',
 		data: {
 			labels: [0, 1, 2, 3, 4, 5],
 			datasets: [{
@@ -12,16 +12,17 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
+			indexAxis: 'y',
 			layout: {
 				padding: 4
 			},
 			scales: {
-				xAxes: [{display: false}],
-				yAxes: [{display: false}]
+				x: {display: false},
+				y: {display: false}
 			},
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent3'
 				}

test/fixtures/plugin.colorschemes/chart-line.js

@@ -12,16 +12,16 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			layout: {
 				padding: 4
 			},
 			scales: {
-				xAxes: [{display: false}],
-				yAxes: [{display: false}]
+				x: {display: false},
+				y: {display: false}
 			},
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent3'
 				}

test/fixtures/plugin.colorschemes/chart-pie.js

@@ -12,9 +12,9 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent6'
 				}

test/fixtures/plugin.colorschemes/chart-polar-area.js

@@ -8,12 +8,12 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			scale: {
 				display: false
 			},
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent6'
 				}

test/fixtures/plugin.colorschemes/chart-radar.js

@@ -12,15 +12,15 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			layout: {
 				padding: 4
 			},
 			scale: {
 				display: false
 			},
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent3'
 				}

test/fixtures/plugin.colorschemes/chart-scatter.js

@@ -32,16 +32,16 @@ export default {
 			}]
 		},
 		options: {
-			legend: false,
-			title: false,
 			layout: {
 				padding: 4
 			},
 			scales: {
-				xAxes: [{display: false}],
-				yAxes: [{display: false}]
+				xAxes: {display: false},
+				yAxes: {display: false}
 			},
 			plugins: {
+				legend: false,
+				title: false,
 				colorschemes: {
 					scheme: 'brewer.Accent3'
 				}

test/index.js

@@ -27,7 +27,7 @@ jasmine.triggerMouseEvent = utils.triggerMouseEvent;
 beforeEach(function() {
 	jasmine.addMatchers(matchers);
 
-	Chart.helpers.merge(Chart.defaults.global, {
+	Chart.helpers.merge(Chart.defaults, {
 		animation: false,
 		legend: {display: false},
 		responsive: false,