我目前正在网站上实施cytoscape.js图表，而且我有一个奇怪的错误，我无法确定。
我的页面包含多个信息选项卡（使用选项卡窗格类），并且相关图表位于隐藏选项卡上，直到用户单击其部分以使选项卡“活动”为止。并且元素显示设置为阻止而不是无。
如果只是这样，我得到的错误是，当图形以display:none开始时，图形无法在屏幕上呈现，然后更改为阻止。我有正确大小的窗口，我使用它的平移工具渲染，但即使用泛工具界面调用fit()，图形本身也不会渲染。
由于图表最初设置为在页面上时可以正常工作，因此我的调整是设置其显示，但在您单击右侧选项卡之前隐藏其可见性。
这适用于某些范围，但它有问题。由于它是隐藏的，因此在加载时它仍然在技术上占用了页面上的空间，从而导致内容空间加倍，内容为＃34;标签显示的部分。
更重要的是，这种方法似乎也不是万无一失，因为虽然图形总是会加载，但有时候（无法精确确定具体情况）它将无法点击/不可交互，点击节点没有做任何事情。只要我滚动页面或调整大小，突然它就会起作用。
我试图通过黑客来解决这个问题，我会强迫页面向下滚动并且几乎没有它在视觉上显而易见，但这似乎也不起作用。
我想弄清楚的第一件事是如何解决最后一个问题，然后找出一个更好的方法来解决上面的display: none问题。