Dhtmlx 甘特图无法在离子内容中显示

Dhtmlx gantt can't be shown inside an ion-content

我正在开发一个 ionic-angular 应用程序,其中我需要一些甘特图,我尝试使用 Dhtmlx 库但是当我将甘特图插入 ion-content 时,甘特图消失了(但是随着检查我可以看到空的 space 甘特图在哪里)。

有人知道我该如何解决这个问题吗? 提前致谢。

编辑:可能是一种竞争条件,因为甘特图是在 ngAfterViewInit() 中初始化的(而不是在 example 中的 ngInit 中),有办法避免这种情况吗?

似乎在初始化甘特图时,容器的宽度和高度为0像素,因此,甘特图被缩小了。 作为解决方法,您可以在超时后初始化甘特图。

这是演示:

https://files.dhtmlx.com/30d/9d735c16565563829fab087d96937cf7/ionicframework+gantt.zip