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

Posted

技术标签:

【中文标题】Dhtmlx 甘特图无法在离子内容中显示【英文标题】:Dhtmlx gantt can't be shown inside an ion-content 【发布时间】: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像素,因此,甘特图被缩小了。 作为一种解决方法,您可以在超时后初始化甘特图。

这里是演示:

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

【讨论】:

以上是关于Dhtmlx 甘特图无法在离子内容中显示的主要内容,如果未能解决你的问题,请参考以下文章

计划-甘特图 dhtmlx-gantt使用方式与踩坑记

vue框架下实现甘特图(dhtmlxGantt)

vue框架下实现甘特图(dhtmlxGantt)

前端甘特图组件开发

Dhtmlx Gantt 常用方法及基本配置合集

甘特图Gantt入门