Google visualization 柱形图和核心图在一页中

我想同时使用核心图和柱状图。（原因：我想使用3D图表以及仅含百分比的饼图）

在第一个选项卡上单击

google.load("visualization", "1", {"callback": chart1,"packages":"columnchart"}); 

google.load("visualization", "1", {"callback": chart2,"packages":"corechart"}); 

在第二个选项卡上单击

google.load("visualization", "1", {"callback": chart1,"packages":"columnchart"}); 

google.load("visualization", "1", {"callback": chart2,"packages":"corechart"}); 

它第一次起作用

步骤：单击第一个选项卡，然后单击第二个选项卡

当我再次单击第一个选项卡时，它正在加载corechart库的图表

需要的解决方案

如何在第一次单击选项卡时加载柱形图（每次）或如何在饼图上仅显示百分比（旧版本）

希望解决办法出来

---

fiddle:

您只能加载一次google库，下面是一个伪代码，说明如何处理它：

google.load("visualization", "1", {"callback": chartsLoaded,"packages":["columnchart", "corechart"]}); 

function chartsLoaded(){
   tab1.onclick=function(){
       drawChart1();
   }
   tab2.onclick=function(){
       drawChart2()
   }
}

---

嗨，谢谢你的尝试。但它不起作用。这是小提琴@ANKITTHAKKAR你的小提琴对我来说很好，有什么问题吗？嗨，当你点击柱状图时，它会显示核心图表。柱形图是三维的。这里是柱状图@ANKITTHAKKAR中两个图形的提琴。不幸的是，柱状图的3d已被弃用，corechart似乎覆盖了旧版本。我能想到的唯一方法是使用iframe并将每个图表放在一个iframe中，然后在选项卡上显示iframe单击感谢@juvian的建议，但iframe不适合。您有没有想过在饼图（旧版本，柱状图）的工具提示中只显示百分比值jsfiddle.net/47gds1yg