Angular 如何在角度图中使用Highcharts甘特图？

Highcharts甘特图目前使用Alpha，但我们可以将其与此一起使用

我想在一个角度项目中使用这个库，但我还没有找到任何文档来帮助我实现这个目标。可能吗？如果是，程序是什么

---

如果还不可能，是否有其他角度库用于甘特图？

此过程专门用于角度图和高度图甘特图

使用最新版本的“NPM安装--保存highchats”命令从NPM安装Highcharts

为图表创建组件

在component.ts文件中

import { Component, OnInit, ViewChild, ElementRef, AfterViewInit, AfterViewChecked } from '@angular/core';
import * as Highcharts from 'highcharts/highcharts-gantt';
@Component({
  selector: 'app-chart',
  templateUrl: './chart.component.html',
  styleUrls: ['./chart.component.scss']
})
export class ChartComponent implements OnInit,AfterViewInit {
  @ViewChild('divRef', { static: false }) divReference: ElementRef;
  constructor() { }
  ngAfterViewInit() {
    this.highchartclick();
 }
ngOnInit(): void {

}
  highchartclick() {
    Highcharts.ganttChart(this.divReference.nativeElement as HTMLElement, {
      title: {
        text: 'Simple Gantt Chart'
      },
      chart: { renderTo: this.divReference.nativeElement as HTMLElement },
      series: [
        {
          name: 'Project 1',
          type: 'gantt',
          data: [
            {
              id: 's',
              name: 'Start prototype',
              start: Date.UTC(2014, 10, 20),
              end: Date.UTC(2014, 10, 20)
            }, {
              id: 'b',
              name: 'Develop',
              start: Date.UTC(2014, 10, 20),
              end: Date.UTC(2014, 10, 25),
              dependency: 's'
            }, {
              id: 'a',
              name: 'Run acceptance tests',
              start: Date.UTC(2014, 10, 23),
              end: Date.UTC(2014, 10, 26)
            },
            {
              name: 'Test prototype',
              start: Date.UTC(2014, 10, 24),
              end: Date.UTC(2014, 10, 29),
              dependency: ['a', 'b']
            }
          ]
        }]
    });
  }
}

在component.html文件中

<div id="container" #divRef  ></div>

---

希望这能帮助其他人它在angular 10和highchart版本8.1.2中运行良好最简单的解决方案是将该javascript文件作为资产包含，然后需要类似于其他库包含的（'filelocation'）（HighCharts）。是否可以将其作为模块导入？如果按模块您指的是HighCharts模块，当然不是。Highcharts甘特图不是Highcharts的模块-它是一个单独的产品。它还没有发布，所以没有正式的NPM包。您可以按照Z.Bagley的建议加载JS代码。有关GantChart使用的任何更新？？您可以删除

@ViewChild

并使用

Highcharts.GantChart（'container'，{…}）（其中
容器
是div的id）