Javascript 通过单击选项卡进行充电

我需要通过单击链接重新加载选项卡的内容，因为我正在尝试在

谷歌图表上呈现
问题

我做了一个代表问题的调查。请注意这两个选项卡的渲染差异

我设置了延迟，但当我访问另一个选项卡时。仍会发生不正确的渲染

setTimeout(function () {
            chart.draw(data, options);
        }, 2000);

我有你的问题

仅活动选项卡绘制全宽、草图

对于您想让人思考的解决方案，当您绘制第二个选项卡草稿时，在运行“chart.draws”命令之后，使用jQuery激活第二个选项卡

我希望你能理解。享受：）
在第一次绘制之前，需要等待图表的容器可见

请参阅以下工作片段


$（document.foundation（）；
$（'sac tabs'）.on（'change.zf.tabs'，function（）{
开关（$（this）.children（'.is active'）.text（）.trim（））{
案例“表1”：
绘图可视化（）；
打破
案例“表2”：
drawVisualization2（）；
打破
}
});
google.charts.load（'current'{
回调：drawVisualization，
软件包：['corechart']
});
函数drawVisualization（）{
var data=google.visualization.arrayToDataTable([
['departmento'、'conclusiídas'、'Andamento'、'Pendentes']，
[Vendas'，5,6,2]，
[Peças'，3,4,6]，
[Serviços'，1,2,3]，
[Administrativo'，7,5,3]
]);
变量选项={
标题：“Gráfico”，
哈克斯：{标题：'部门'}，
序列类型：“条”，
颜色：['#21BA45'、'#F90'、'#DC3912']，
系列：{5:{type:'line'}}
};
var chart=new google.visualization.ComboChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}
函数drawVisualization2（）{
var data=google.visualization.arrayToDataTable([
['departmento'、'conclusiídas'、'Andamento'、'Pendentes']，
[Vendas'，5,6,2]，
[Peças'，3,4,6]，
[Serviços'，1,2,3]，
[Administrativo'，7,5,3]
]);
变量选项={
标题：“Gráfico”，
哈克斯：{标题：'部门'}，
序列类型：“条”，
颜色：['#21BA45'、'#F90'、'#DC3912']，
系列：{5:{type:'line'}}
};
var chart=new google.visualization.ComboChart（document.getElementById（'chart_div2'））；
图表绘制（数据、选项）；
};







预期结果


没问题