use this.boundDrawFn

This commit is contained in:
t47io 2018-04-22 11:30:02 -07:00
parent efee5210a1
commit 0d5eeccd78
2 changed files with 8 additions and 13 deletions

View File

@ -301,7 +301,7 @@
chart.export(); chart.export();
// Unbind window-resize events // Unbind window-resize events
chart.unbindWindowEvents(); chart.destroy();
</code></pre> </code></pre>
</div> </div>

View File

@ -7,8 +7,6 @@ import { getColor, isValidColor } from '../utils/colors';
import { runSMILAnimation } from '../utils/animation'; import { runSMILAnimation } from '../utils/animation';
import { downloadFile, prepareForExport } from '../utils/export'; import { downloadFile, prepareForExport } from '../utils/export';
let BOUND_DRAW_FN;
export default class BaseChart { export default class BaseChart {
constructor(parent, options) { constructor(parent, options) {
@ -89,18 +87,15 @@ export default class BaseChart {
this.height = height - getExtraHeight(this.measures); this.height = height - getExtraHeight(this.measures);
// Bind window events // Bind window events
BOUND_DRAW_FN = this.boundDrawFn.bind(this); this.boundDrawFn = () => this.draw(true);
window.addEventListener('resize', BOUND_DRAW_FN); window.addEventListener('resize', this.boundDrawFn);
window.addEventListener('orientationchange', this.boundDrawFn.bind(this)); window.addEventListener('orientationchange', this.boundDrawFn);
} }
boundDrawFn() { destroy() {
this.draw(true); // Unbind window events
} window.removeEventListener('resize', this.boundDrawFn);
window.removeEventListener('orientationchange', this.boundDrawFn);
unbindWindowEvents() {
window.removeEventListener('resize', BOUND_DRAW_FN);
window.removeEventListener('orientationchange', this.boundDrawFn.bind(this));
} }
// Has to be called manually // Has to be called manually