DHTMLX 甘特图不在后台引导选项卡中呈现

Question

从 DHTMLX Gantt 的 4.1 版本升级到 5.2 后，我遇到了在“隐藏”非活动引导选项卡中呈现图表的问题。即使 div 定义了 HTML 属性 width 和 height，javascript 的 height 属性返回 0 高度。 我尝试在选项卡切换按钮的onclick 事件上再次渲染甘特图，但似乎过渡效果并没有很快显示 div，所以它只在第二个按钮单击时渲染甘特图，此时 div 已经显示。

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

Answer 1

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

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