diff --git a/projects/swimlane/ngx-graph/src/lib/graph/graph.component.html b/projects/swimlane/ngx-graph/src/lib/graph/graph.component.html
index 56d140b4..98dad4ec 100644
--- a/projects/swimlane/ngx-graph/src/lib/graph/graph.component.html
+++ b/projects/swimlane/ngx-graph/src/lib/graph/graph.component.html
@@ -5,7 +5,7 @@
   [@.disabled]="!animations"
   (mouseWheelUp)="onZoom($event, 'in')"
   (mouseWheelDown)="onZoom($event, 'out')"
-  mouseWheel
+  [mouseWheel]="enableZoom"
 >
   <svg:svg class="ngx-charts" [attr.width]="width" [attr.height]="height">
     <svg:g
diff --git a/projects/swimlane/ngx-graph/src/lib/graph/mouse-wheel.directive.ts b/projects/swimlane/ngx-graph/src/lib/graph/mouse-wheel.directive.ts
index f4a7e9b3..7f48f146 100644
--- a/projects/swimlane/ngx-graph/src/lib/graph/mouse-wheel.directive.ts
+++ b/projects/swimlane/ngx-graph/src/lib/graph/mouse-wheel.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, Output, HostListener, EventEmitter } from '@angular/core';
+import { Directive, Input, Output, HostListener, EventEmitter } from '@angular/core';
 
 /**
  * Mousewheel directive
@@ -9,6 +9,8 @@ import { Directive, Output, HostListener, EventEmitter } from '@angular/core';
 // tslint:disable-next-line: directive-selector
 @Directive({ selector: '[mouseWheel]' })
 export class MouseWheelDirective {
+  @Input() mouseWheel: boolean;
+
   @Output()
   mouseWheelUp = new EventEmitter();
   @Output()
@@ -35,6 +37,10 @@ export class MouseWheelDirective {
   }
 
   mouseWheelFunc(event: any): void {
+    if (!this.mouseWheel) {
+      return;
+    }
+
     if (window.event) {
       event = window.event;
     }