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

【问题标题】：Dhtmlx gantt can't be shown inside an ion-contentDhtmlx 甘特图无法在离子内容中显示
【发布时间】：2022-01-21 10:17:43
【问题描述】：

我正在开发一个离子角度应用程序，其中我需要一些甘特图，我尝试使用 Dhtmlx 库，但是当我将甘特图插入到离子内容中时，甘特图消失了（但通过检查我可以看到空的甘特图的空间）。

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

编辑：可能是一种竞争条件，因为甘特图是在 ngAfterViewInit() 内部初始化的（而不是在 example 中的 ngInit 中），有办法避免这种情况吗？

【问题讨论】：

发布您的代码。
代码只是一个带有<ion-content> <gantt></gantt> </ion-content>的html，其中甘特图正是本教程中的代码dhtmlx.com/blog/dhtmlx-gantt-chart-usage-angularjs-2-framework

【解决方案1】：

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

这里是演示：

【讨论】：