Merge pull request #120 from theandrewchan/inlineplugins

Added support for inline plugins (see [email protected]) and modified mix…

Author: jerairrest

example/src/components/mix.js

@@ -79,6 +79,13 @@ const options = {
   }
 };
 
+const plugins = [{
+    afterDraw: (chartInstance, easing) => {
+        const ctx = chartInstance.chart.ctx;
+        ctx.fillText("This text drawn by a plugin", 100, 100);
+    }
+}];
+
 export default React.createClass({
   displayName: 'MixExample',
 
@@ -89,6 +96,7 @@ export default React.createClass({
         <Bar
           data={data}
           options={options}
+          plugins={plugins}
         />
       </div>
     );

src/index.js

@@ -18,6 +18,7 @@ class ChartComponent extends React.Component {
     legend: PropTypes.object,
     onElementsClick: PropTypes.func,
     options: PropTypes.object,
+    plugins: PropTypes.arrayOf(PropTypes.object),
     redraw: PropTypes.bool,
     type: PropTypes.oneOf(['doughnut', 'pie', 'line', 'bar', 'horizontalBar', 'radar', 'polarArea', 'bubble']),
     width: PropTypes.number,
@@ -60,6 +61,7 @@ class ChartComponent extends React.Component {
       redraw,
       type,
       options,
+      plugins,
       legend,
       height,
       width
@@ -85,6 +87,10 @@ class ChartComponent extends React.Component {
       return true;
     }
 
+    if (!isEqual(plugins, nextProps.plugins)) {
+        return true;
+    }
+
     const nextData = this.transformDataProp(nextProps)
     return !isEqual(this.shadowDataProp, nextData);
   }
@@ -183,14 +189,15 @@ class ChartComponent extends React.Component {
   }
 
   renderChart() {
-    const {options, legend, type, redraw} = this.props;
+    const {options, legend, type, redraw, plugins} = this.props;
     const node = ReactDOM.findDOMNode(this);
     const data = this.memoizeDataProps();
 
     this.chart_instance = new Chart(node, {
       type,
       data,
-      options
+      options,
+      plugins
     });
   }