0

我正在使用 jQuery UI 选项卡来显示几个图表，使用 Flot。这在除 IE8 之外的所有浏览器中都可以正常工作。看起来 IE8 不支持多个相邻的 Flot 图。以前有人经历过吗？

我在选择特定选项卡时，我正在渲染图表，请参阅下面的代码。

$( "#tabs" ).tabs({
    select: function(event, ui) {
        var tab = ui.index+1;
        if(tab == 1)
            rendergraph1();
        else if(tab == 2)
            rendergraph2();
        else if(tab == 3)
            rendergraph3();
    }
});

renderGraph1/2 函数只是使用一些选项来渲染图形，如下所示：

function rendergraph1()
{
    $.plot($("#graph1"), data, {
    .....

同样，代码在 Firefox 中运行良好。这就是为什么我不会用完整的渲染图代码来打扰你的原因 :) 以前有人经历过吗？

4

1 回答 1

1

我假设您的其他选项卡在您绘制绘图之前是隐藏的。在旧版本的 IE 下隐藏 div 存在几个问题。

尝试在调用 plot 之前而不是之后显示选项卡/div。如果你有其他事情要做，或者正在使用某种过渡，你总是可以在之后立即隐藏选项卡/div，然后再显示它；当您调用 plot 时，它只需要可见并附加到 DOM。

于 2012-12-12T17:33:20.413 回答