JavaScript/jQuery Gantt - scaleTypeRange

Configures zoom range settings.

Type:

Object

Use the scaleTypeRange.min and scaleTypeRange.max properties to limit zoom in the Gantt chart.

app.component.html
app.component.ts
app.module.ts
  • <dx-gantt ... >
  • <dxo-scale-type-range
  • [min]="days"
  • [max]="years">
  • </dxo-scale-type-range>
  • <!-- ... -->
  • </dx-gantt>
  • import { Component } from '@angular/core';
  •  
  • @Component({
  • selector: 'app-root',
  • templateUrl: './app.component.html',
  • styleUrls: ['./app.component.css']
  • })
  •  
  • export class AppComponent {
  • // ...
  • }
  • import { BrowserModule } from '@angular/platform-browser';
  • import { NgModule } from '@angular/core';
  • import { AppComponent } from './app.component';
  • import { DxGanttModule } from 'devextreme-angular';
  •  
  • @NgModule({
  • imports: [
  • BrowserModule,
  • DxGanttModule
  • ],
  • declarations: [AppComponent],
  • bootstrap: [AppComponent]
  • })
  • export class AppModule { }
See Also

max

Specifies the maximum zoom level of tasks in the Gantt chart.

Default Value: 'years'

min

Specifies the minimum zoom level of tasks in the Gantt chart.

Default Value: 'minutes'