Javascript 引导选项卡上的jqplot

我在引导选项卡上绘制简单的jqplot图时遇到问题

HTML:

当我点击图形选项卡（tabtendencia）时，它不会绘制任何东西，但我可以看到它保留了一个空间来尝试绘制图形

屏幕截图：

带有

$('#tab').tabs({ activate : function(event, ui) {
    plot1.replot();
}});

或

向右，但如果我双击选项卡

---

我不明白…

谢谢，最后我在“tab”创建中创建了一个函数来创建一个jqplot，它运行正常

var l1 = [18, 36, 14, 11];
var l2 = [[2, 14], [7, 2], [8,5]];
var l3 = [4, 7, 9, 2, 11, 5, 9, 13, 8, 7];

var plot1 = $.jqplot('chartdiv', [l1, l2, l3],  {
    title: "I was hidden",
    lengend:{show:true},
    series:[{},{yaxis:'y2axis'}, {yaxis:'y3axis'}],
    cursor:{show:true, zoom:true},
    axesDefaults:{useSeriesColor:true, rendererOptions: { alignTicks: true}}
});

$('#tab').tabs({ activate : function(event, ui) {
    plot1.replot();
}});

$('#tab').tabs({ activate : function(event, ui) {
    plot1.replot();
}});

$("#tabtendencia").click(function() {
    plot1.replot();
});