How to use the jsgantt-improved.JSGantt.GanttChart function in jsgantt-improved

To help you get started, we’ve selected a few jsgantt-improved examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github jsGanttImproved / ng-gantt / ng-gantt / src / gantt / gantt.component.ts View on Github external
ngOnInit() {
    let optionsBefore = this.options;
    if (!this.optionsChanged && this.editor) {
      optionsBefore = this.editor.options;
    }
    // document.getElementById('embedded-Gantt')
    const g = this.editor = new JSGantt.GanttChart(this.ganttEditorContainer.nativeElement, 'week');

    if (g.getDivId() != null) {

      // JSGantt.parseJSON('./fixes/data.json', g);

      g.setOptions({
        vCaptionType: 'Complete',  // Set to Show Caption : None,Caption,Resource,Duration,Complete,
        vQuarterColWidth: 36,
        vDateTaskDisplayFormat: 'day dd month yyyy', // Shown in tool tip box
        vDayMajorDateDisplayFormat: 'mon yyyy - Week ww', // Set format to display dates in the "Major" header of the "Day" view
        vWeekMinorDateDisplayFormat: 'dd mon', // Set format to display dates in the "Minor" header of the "Week" view
        vShowTaskInfoLink: 1, // Show link in tool tip (0/1)
        vShowEndWeekDate: 0,  // Show/Hide the date for the last day of the week in header for
        vUseSingleCell: 10000,
        // Even with setUseSingleCell using Hour format on such a large chart can cause issues in some browsers
        vFormatArr: ['Day', 'Week', 'Month', 'Quarter'],

jsgantt-improved

jsgantt-improved

ISC
Latest version published 7 months ago

Package Health Score

58 / 100
Full package analysis

Popular jsgantt-improved functions

Similar packages