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

Question

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

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

标签： javascriptdhtmlxgantt-chart

Answer 1

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

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