Merge pull request #44 from nrdobie/master

Added support for updating Chart.js defaults.
fixes #41

Author: gor181

README.md

@@ -2,7 +2,7 @@
 
 # react-chartjs-2
 
-React wrapper for [ChartJs 2](http://www.chartjs.org/docs/#getting-started)  
+React wrapper for [Chart.js 2](http://www.chartjs.org/docs/#getting-started)  
 Open for PR's and contributions!
 
 
@@ -61,8 +61,8 @@ In order for Chart.js to obey the custom size you need to set `maintainAspectRat
 />
 ```
 
-### Chart instance  
-Chart instance can be accessed by placing a ref to the element as:
+### Chart.js instance  
+Chart.js instance can be accessed by placing a ref to the element as:
 
 ```
 render() {
@@ -75,6 +75,34 @@ render() {
 }
 ```
 
+### Chart.js Defaults
+Chart.js defaults can be set by importing the `defaults` object:
+
+```javascript
+import { defaults } from 'react-chartjs-2';
+
+// Disable animating charts by default.
+defaults.global.animation = false;
+```
+
+If you want to bulk set properties, try using the [lodash.merge](https://lodash.com/docs/#merge) function. This function will do a deep recursive merge preserving previously set values that you don't want to update.
+
+```javascript
+import { defaults } from 'react-chartjs-2';
+import merge from 'lodash.merge';
+// or
+// import { merge } from 'lodash';
+
+merge(defaults, {
+	global: {
+  		animation: false,
+		line: {
+			borderColor: '#F85F73',
+		},
+	},
+});
+```
+
 ### Events
 
 #### onElementsClick (function)

dist/react-chartjs-2.js

@@ -5,7 +5,7 @@
 Object.defineProperty(exports, "__esModule", {
 	value: true
 });
-exports.Polar = exports.Radar = exports.HorizontalBar = exports.Bar = exports.Line = exports.Pie = exports.Doughnut = exports.Bubble = undefined;
+exports.defaults = exports.Bubble = exports.Polar = exports.Radar = exports.HorizontalBar = exports.Bar = exports.Line = exports.Pie = exports.Doughnut = undefined;
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
@@ -358,6 +358,8 @@ var Bubble = exports.Bubble = function (_React$Component8) {
 	return Bubble;
 }(_react2.default.Component);
 
+var defaults = exports.defaults = _chart2.default.defaults;
+
 }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
 },{"./utils/deepEqual":2,"chart.js":undefined,"react-dom":undefined}],2:[function(require,module,exports){
 'use strict';
@@ -366,7 +368,7 @@ Object.defineProperty(exports, "__esModule", {
 	value: true
 });
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 
@@ -392,10 +394,15 @@ var deepEqual = function deepEqual(objA, objB) {
 	}
 
 	var keysA = Object.keys(objA);
+	var keysB = Object.keys(objB);
+	var allKeys = keysA.concat(keysB);
 
-	// Test for A's keys different from B.
-	for (var i = 0; i < keysA.length; i++) {
-		if (!hasOwnProperty.call(objB, keysA[i])) {
+	// Verify both objects have all the keys
+	for (var i = 0; i < allKeys.length; i++) {
+		if (!hasOwnProperty.call(objB, allKeys[i])) {
+			return false;
+		}
+		if (!hasOwnProperty.call(objA, allKeys[i])) {
 			return false;
 		}
 	}