jqplot图表的奇怪行为

Question

我使用jqplot绘制图表并在twitter bootstrap模式窗口中显示它。在模态窗口中我有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();
            }
        );
});

以下是情节的图像

有人知道为什么会发生这种情况，即使我使用相同的代码进行显示？