feat: add resize observer
This commit is contained in:
parent
10b1010d06
commit
12533f3b37
@ -92,11 +92,16 @@ export default class BaseChart {
|
|||||||
|
|
||||||
// Bind window events
|
// Bind window events
|
||||||
this.boundDrawFn = () => this.draw(true);
|
this.boundDrawFn = () => this.draw(true);
|
||||||
|
if (ResizeObserver) {
|
||||||
|
this.resizeObserver = new ResizeObserver(this.boundDrawFn);
|
||||||
|
this.resizeObserver.observe(this.parent);
|
||||||
|
}
|
||||||
window.addEventListener('resize', this.boundDrawFn);
|
window.addEventListener('resize', this.boundDrawFn);
|
||||||
window.addEventListener('orientationchange', this.boundDrawFn);
|
window.addEventListener('orientationchange', this.boundDrawFn);
|
||||||
}
|
}
|
||||||
|
|
||||||
destroy() {
|
destroy() {
|
||||||
|
if (this.resizeObserver) this.resizeObserver.disconnect();
|
||||||
window.removeEventListener('resize', this.boundDrawFn);
|
window.removeEventListener('resize', this.boundDrawFn);
|
||||||
window.removeEventListener('orientationchange', this.boundDrawFn);
|
window.removeEventListener('orientationchange', this.boundDrawFn);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user