DHTMLX 甘特图不在后台呈现 bootstrap 选项卡

Question

从 4.1 版 DHTMLX 甘特图升级到 5.2 后，我在 'hidden' 非活动 bootstrap 选项卡中呈现图表时遇到问题。即使 div 定义了 HTML 属性宽度和高度，javascript 高度 属性 returns 0 高度。 我尝试在选项卡切换按钮的 onclick 事件上再次渲染甘特图，但似乎过渡效果没有足够快地显示 div，所以它只在第二次单击按钮时渲染甘特图, 当 div 已经显示时。

有没有人在不编写 shown.bs.tab 事件侦听器的情况下解决了这个问题？

Answer 1

该问题应在 gantt v6+ 中修复 https://docs.dhtmlx.com/gantt/whatsnew.html#x3174x60x3175x 甘特图现在自动监听其 html 容器大小调整。

不过，如果甘特图元素没有指定高度，您可能需要设置 min-height。