javascript - jqplot チャートの挙動がおかしい

Question

jqplot を使用してグラフをプロットし、twitter ブートストラップ モーダル ウィンドウ内に表示します。モーダル ウィンドウには 5 つのタブがあり、タブ 5 に jqplot チャートを表示すると、奇妙なデータがプロットされますが、タブ 4 に表示すると同じものが正しくプロットされます。次のコードを使用して jqplot チャートを表示しています

$(document).ready(function(){
var cosPoints = [];
for (var i=0; i<2*Math.PI; i+=0.1){
 cosPoints.push([i, Math.cos(i)]);
}
var plot1 = $.jqplot('chart1', [cosPoints], { 
  series:[{showMarker:false}],
  axes:{
    xaxis:{
      label:'Angle (radians)'
    },
    yaxis:{
      label:'Cosine'
    }
  }
});
$('a[href=\"#yw1_tab_5\"]').on('shown', function(h) {
            plot1.replot();
            }
        );
});

以下はプロットの画像です

同じコードを使用して表示しているのに、なぜこれが起こっているのか、誰にも分かりますか?