Member Junction
    Preparing search index...

    Class MjGanttChartComponent

    Generic Gantt chart component wrapping DHTMLX Gantt.

    Renders items as bars on a timeline with hierarchy, dependency arrows, and progress indicators. The library is loaded lazily via dynamic import.

    <mj-gantt-chart
        [Items]="projectTasks"
        [Links]="taskDependencies"
        [Height]="'600px'"
        (ItemClicked)="onTaskClicked($event)">
    </mj-gantt-chart>

    Implements

    • AfterViewInit
    • OnChanges
    • OnDestroy
    Index

    Constructors

    constructor

    Properties

    Columns ganttContainer Height ItemChanged ItemClicked Items Links loading ReadOnly ShowProgress

    Methods

    ngAfterViewInit ngOnChanges ngOnDestroy Refresh

    Constructors

    Properties

    Columns: GanttColumnDef[] | null = null

    Grid column definitions. Defaults to Name, Start, Duration, Progress.

    ganttContainer: ElementRef<HTMLDivElement>
    Height: string = '500px'

    CSS height for the chart container.

    ItemChanged: EventEmitter<GanttItemChangedEvent> = ...

    Emitted when an item is changed via drag/resize (only if not ReadOnly).

    ItemClicked: EventEmitter<GanttItemClickedEvent> = ...

    Emitted when an item bar or grid row is clicked.

    Items: GanttItemData[] = []

    Items (bars) to render on the timeline.

    Links: GanttLinkData[] = []

    Dependency links (arrows) between items.

    loading: boolean = true
    ReadOnly: boolean = true

    Disables drag, resize, and link editing.

    ShowProgress: boolean = true

    Show progress fill on bars.

    Methods

    • A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.

      Returns Promise<void>

    • A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

      Parameters

      • changes: { [propName: string]: SimpleChange<any> }

        The changed properties.

      Returns void

    • A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods