Skip to content

Commit 7ac37ea

Browse files
octalmagegor181
authored andcommitted
Export Chart. (#64)
fixes #45 fixes #62
1 parent f71fddc commit 7ac37ea

File tree

5 files changed

+58
-39
lines changed

5 files changed

+58
-39
lines changed

README.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,22 @@ merge(defaults, {
109109
});
110110
```
111111

112+
### Chart.js object
113+
114+
You can access the internal Chart.js object to register plugins or extend charts like this:
115+
116+
```JavaScript
117+
import { Chart } from 'react-chartjs-2';
118+
119+
componentWillMount() {
120+
Chart.pluginService.register({
121+
afterDraw: function (chart, easing) {
122+
// Plugin code.
123+
}
124+
});
125+
}
126+
```
127+
112128
### Events
113129

114130
#### onElementsClick || getElementsAtEvent (function)

dist/react-chartjs-2.js

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
Object.defineProperty(exports, "__esModule", {
66
value: true
77
});
8-
exports.defaults = exports.Bubble = exports.Polar = exports.Radar = exports.HorizontalBar = exports.Bar = exports.Line = exports.Pie = exports.Doughnut = undefined;
8+
exports.Chart = exports.defaults = exports.Bubble = exports.Polar = exports.Radar = exports.HorizontalBar = exports.Bar = exports.Line = exports.Pie = exports.Doughnut = undefined;
99

1010
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; }; }();
1111

@@ -99,9 +99,9 @@ var ChartComponent = _react2.default.createClass({
9999
this.chart_instance.destroy();
100100
},
101101
updateChart: function updateChart() {
102-
var _props = this.props;
103-
var data = _props.data;
104-
var options = _props.options;
102+
var _props = this.props,
103+
data = _props.data,
104+
options = _props.options;
105105

106106

107107
if (!this.chart_instance) return;
@@ -115,11 +115,11 @@ var ChartComponent = _react2.default.createClass({
115115
this.chart_instance.update();
116116
},
117117
renderChart: function renderChart() {
118-
var _props2 = this.props;
119-
var data = _props2.data;
120-
var options = _props2.options;
121-
var legend = _props2.legend;
122-
var type = _props2.type;
118+
var _props2 = this.props,
119+
data = _props2.data,
120+
options = _props2.options,
121+
legend = _props2.legend,
122+
type = _props2.type;
123123

124124
var node = _reactDom2.default.findDOMNode(this);
125125

@@ -132,11 +132,11 @@ var ChartComponent = _react2.default.createClass({
132132
handleOnClick: function handleOnClick(event) {
133133
var instance = this.chart_instance;
134134

135-
var _props3 = this.props;
136-
var getDatasetAtEvent = _props3.getDatasetAtEvent;
137-
var getElementAtEvent = _props3.getElementAtEvent;
138-
var getElementsAtEvent = _props3.getElementsAtEvent;
139-
var onElementsClick = _props3.onElementsClick;
135+
var _props3 = this.props,
136+
getDatasetAtEvent = _props3.getDatasetAtEvent,
137+
getElementAtEvent = _props3.getElementAtEvent,
138+
getElementsAtEvent = _props3.getElementsAtEvent,
139+
onElementsClick = _props3.onElementsClick;
140140

141141

142142
getDatasetAtEvent && getDatasetAtEvent(instance.getDatasetAtEvent(event));
@@ -145,10 +145,10 @@ var ChartComponent = _react2.default.createClass({
145145
onElementsClick && onElementsClick(instance.getElementsAtEvent(event)); // Backward compatibility
146146
},
147147
render: function render() {
148-
var _props4 = this.props;
149-
var height = _props4.height;
150-
var width = _props4.width;
151-
var onElementsClick = _props4.onElementsClick;
148+
var _props4 = this.props,
149+
height = _props4.height,
150+
width = _props4.width,
151+
onElementsClick = _props4.onElementsClick;
152152

153153

154154
return _react2.default.createElement('canvas', {
@@ -370,6 +370,7 @@ var Bubble = exports.Bubble = function (_React$Component8) {
370370
}(_react2.default.Component);
371371

372372
var defaults = exports.defaults = _chart2.default.defaults;
373+
exports.Chart = _chart2.default;
373374

374375
}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
375376
},{"./utils/deepEqual":2,"chart.js":undefined,"react-dom":undefined}],2:[function(require,module,exports){
@@ -379,7 +380,7 @@ Object.defineProperty(exports, "__esModule", {
379380
value: true
380381
});
381382

382-
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; };
383+
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; };
383384

384385
var hasOwnProperty = Object.prototype.hasOwnProperty;
385386

0 commit comments

Comments
 (0)