Angular Gantt - stripLines
Strip lines allows you to highlight certain time or time intervals in the chart. Use the start property to specify an individual line or combine it with the end property setting to specify a time interval.
app.component.html
app.component.ts
app.module.ts
- <dx-gantt>
- <dxi-strip-line
- [start]="tasks[0].start"
- title="Start">
- </dxi-strip-line>
- <dxi-strip-line
- [start]="tasks[tasks.length - 3].start"
- [end]="tasks[tasks.length - 1].end"
- title="Final Phase">
- </dxi-strip-line>
- <dxi-strip-line
- [start]="currentTime"
- title="Current Time"
- cssClass="current-time">
- </dxi-strip-line>
- </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 { }
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.