Export Chart. (reactchartjs#64)

fixes reactchartjs#45 fixes reactchartjs#62
opensource-direct · Dec 1, 2016 · 7ac37ea · 7ac37ea
1 parent f71fddc
commit 7ac37ea
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 39 deletions.
diff --git a/README.md b/README.md
@@ -109,6 +109,22 @@ merge(defaults, {
 });
 ```
 
+### Chart.js object
+
+You can access the internal Chart.js object to register plugins or extend charts like this:
+
+```JavaScript
+import { Chart } from 'react-chartjs-2';
+
+componentWillMount() {
+	Chart.pluginService.register({
+		afterDraw: function (chart, easing) {
+			// Plugin code.
+		}
+	});
+}
+```
+
 ### Events
 
 #### onElementsClick || getElementsAtEvent (function)

diff --git a/dist/react-chartjs-2.js b/dist/react-chartjs-2.js
@@ -5,7 +5,7 @@
 Object.defineProperty(exports, "__esModule", {
 	value: true
 });
-exports.defaults = exports.Bubble = exports.Polar = exports.Radar = exports.HorizontalBar = exports.Bar = exports.Line = exports.Pie = exports.Doughnut = undefined;
+exports.Chart = 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; }; }();
 
@@ -99,9 +99,9 @@ var ChartComponent = _react2.default.createClass({
 		this.chart_instance.destroy();
 	},
 	updateChart: function updateChart() {
-		var _props = this.props;
-		var data = _props.data;
-		var options = _props.options;
+		var _props = this.props,
+		    data = _props.data,
+		    options = _props.options;
 
 
 		if (!this.chart_instance) return;
@@ -115,11 +115,11 @@ var ChartComponent = _react2.default.createClass({
 		this.chart_instance.update();
 	},
 	renderChart: function renderChart() {
-		var _props2 = this.props;
-		var data = _props2.data;
-		var options = _props2.options;
-		var legend = _props2.legend;
-		var type = _props2.type;
+		var _props2 = this.props,
+		    data = _props2.data,
+		    options = _props2.options,
+		    legend = _props2.legend,
+		    type = _props2.type;
 
 		var node = _reactDom2.default.findDOMNode(this);
 
@@ -132,11 +132,11 @@ var ChartComponent = _react2.default.createClass({
 	handleOnClick: function handleOnClick(event) {
 		var instance = this.chart_instance;
 
-		var _props3 = this.props;
-		var getDatasetAtEvent = _props3.getDatasetAtEvent;
-		var getElementAtEvent = _props3.getElementAtEvent;
-		var getElementsAtEvent = _props3.getElementsAtEvent;
-		var onElementsClick = _props3.onElementsClick;
+		var _props3 = this.props,
+		    getDatasetAtEvent = _props3.getDatasetAtEvent,
+		    getElementAtEvent = _props3.getElementAtEvent,
+		    getElementsAtEvent = _props3.getElementsAtEvent,
+		    onElementsClick = _props3.onElementsClick;
 
 
 		getDatasetAtEvent && getDatasetAtEvent(instance.getDatasetAtEvent(event));
@@ -145,10 +145,10 @@ var ChartComponent = _react2.default.createClass({
 		onElementsClick && onElementsClick(instance.getElementsAtEvent(event)); // Backward compatibility
 	},
 	render: function render() {
-		var _props4 = this.props;
-		var height = _props4.height;
-		var width = _props4.width;
-		var onElementsClick = _props4.onElementsClick;
+		var _props4 = this.props,
+		    height = _props4.height,
+		    width = _props4.width,
+		    onElementsClick = _props4.onElementsClick;
 
 
 		return _react2.default.createElement('canvas', {
@@ -370,6 +370,7 @@ var Bubble = exports.Bubble = function (_React$Component8) {
 }(_react2.default.Component);
 
 var defaults = exports.defaults = _chart2.default.defaults;
+exports.Chart = _chart2.default;
 
 }).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){
@@ -379,7 +380,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;