add debounce for resize event

dingchaoyan1983 · Jul 6, 2016 · 272d137 · 272d137
1 parent c1bb965
commit 272d137
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Overview/MembershipsOverviewReportsRetention/StudentsDemographicsChart.js b/src/components/Overview/MembershipsOverviewReportsRetention/StudentsDemographicsChart.js
@@ -2,6 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import $ from 'jquery';
 import * as d3 from 'd3';
+import _debounce from 'lodash/function/debounce';
 
 export class StudentsDemographicsChart extends React.Component {
   constructor(props, context) {
@@ -47,7 +48,7 @@ export class StudentsDemographicsChart extends React.Component {
     this.barsDOM = d3.select(ReactDOM.findDOMNode(this.refs.barsDOM));
 
     this.renderChart();
-    $(window).on('resize.demographics_chart', this.onResize);
+    $(window).on('resize.demographics_chart', _debounce(this.onResize, 200));
   }
 
   componentDidUpdate() {