Question

我正在使用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中运行良好。这就是为什么我不打扰你完整的渲染图代码:) 以前有人经历过这个吗？

Answer 1

我认为在绘制绘图之前，其他标签会隐藏。在较早版本的IE下，隐藏的div有几个问题。

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

几个flot图在IE8中不起作用

1 个答案: