0

Flotを使用して、いくつかのグラフを表示するためにjQueryUIタブを使用しています。これは、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 を非表示にして、後で表示することができます。プロットを呼び出すときに、表示され、DOM にアタッチされている必要があります。

于 2012-12-12T17:33:20.413 に答える