Jquery 使用Flot和Bootstrap 3模式，y轴未对准

是否有人在使用bootstrap 3模式时遇到y轴错误对齐的flot？在第页，它看起来很完美：

但当使用modal启动时，y轴标签不对齐：

即使重新调整页面大小，它仍然是一样的。我试图改变CSS的行为，但仍然不能。这是虫子吗？ 我使用的例子来自

这是小提琴：

---

（代码省略）

问题在于您正在一个不可见的容器元素中呈现Flot图表。这会导致渲染中出现错误。您可以在更新的中看到这一点，其中模式中的图表在5秒延迟后呈现：

if ($("#chart-2").length > 0) {
    setTimeout(function() {
        chartYear($("#chart-2"));
    }, 5000);
}

• 在渲染图表之前打开模式时，包括y轴在内的所有对象看起来都很好
• 当您等待并在图表呈现后打开模式时（如在原始代码中），轴对齐错误

---

因此，您的问题的解决方案是仅在打开模式后才呈现图表。

您能否构建一个重现问题的图表？仅从截图来看，我们无法真正帮助您。嗨@Raidri，我已经制作了小提琴，请参考上面的内容，谢谢。明白了。这意味着它在容器中渲染以获得正确的轴，然后容器的大小调整将起作用。你知道为什么工具提示不能显示在模式对话框中吗？用Ok更新了你的小提琴，我改变了z-指数，效果很好。