如何在angular项目中使用DHTMLX甘特图中的插件进行配置

npm install dhtmlx-gantt

import 'dhtmlx-gantt';

<div id="ganttContainer"></div>

import { Component, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-gantt',
  templateUrl: './gantt.component.html',
  styleUrls: ['./gantt.component.css']
})
export class GanttComponent implements AfterViewInit {

  ngAfterViewInit() {
    const ganttContainer = document.getElementById('ganttContainer');
    gantt.init(ganttContainer);
  }

}

ngAfterViewInit() {
  const ganttContainer = document.getElementById('ganttContainer');
  gantt.init(ganttContainer);

  gantt.config.date_format = '%Y-%m-%d';
  gantt.config.scale_unit = 'month';
  gantt.config.step = 1;
  gantt.config.date_scale = '%F, %Y';
  gantt.config.subscales = [
    { unit: 'day', step: 1, date: '%j, %D' }
  ];

  // 更多配置...

  gantt.parse(your_data);
}